Letakkan Icon Komen Sebelah Post Title

Ok, Tutorial ni memang payah nak jumpa. Sebab tu Aishah nak share OK.  Cuba tengok sebelah post title Aishah ada macam dialok box kan. Itulah yang dimaksudkan. Ianya berfungsi untuk menulis berapa banyak komen yang ada untuk setiap entri kita ok.

1. Dashboard > Design > Edit HTML > Tick Expand WIdget Template

2. Cari kod ni
 <h3 class='post-title entry-title'>
3. Lepas tu copy kod bawah ni and paste di bawah kod tadi ok.
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><br/><span style='font-size:10px'>Komen</span></a>
</b:if>
4. Then, cari kod ni pulak
 </head>
5. Copy kod bawah ni dan paste di bawah kod yang dicari pada no.3 tadi. 
<style type="text/css">.comment-bubble {
float: right;
background: url(http://2.bp.blogspot.com/_1fRuBdlSpLw/S_FeUmNKicI/AAAAAAAAAX4/U7evDQQ8vKc/s1600/Blogger+comment+bubble+%284%29.png) no-repeat;
width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style>

merah tu korang boleh gantikan dengan icon yang menarik ok..
Harap Berhasil...
 Preview dulu baru save


Thanks For Reading شكران.

4 400 is kind-heart:

Anonymous said...

WsgAhmAlwYdx [url=http://nike-sneaker.webnode.jp/]ナイキ ランニング[/url] OewTyvZddNdz [url=http://nike-shoes5.webnode.jp/]nike スニーカー[/url] ZyjLpqThrUal [url=http://nike48.webnode.jp/]ナイキ[/url] OxlEofKrqYiu [url=http://nike-shoes1.webnode.jp/]ナイキ[/url] RdnAbjRnoDxp [url=http://nike-shoes22.webnode.jp/]ナイキ[/url] AttWoxPotUsi [url=http://nike-sneaker8.webnode.jp/]nike スニーカー[/url] MicBklYygRoy [url=http://nike72.webnode.jp/]ナイキ[/url] BeiLimYboIns [url=http://nike-online.webnode.jp/]nike スニーカー[/url] RucCbpLpsHhr [url=http://nike-shop.webnode.jp/]nike スニーカー[/url] VpkMssTopXft

QetFexAowJsq [url=http://adidas54.webnode.jp/]アディダス[/url] QixCjuYdsAkc [url=http://adidas02.webnode.jp/]アディダス ゴルフ[/url] XasYekHfiFbx [url=http://adidas-shoes.webnode.jp/]adidas[/url] XluCyrDhmRro [url=http://adidas-sneaker.webnode.jp/]adidas[/url] IcsYzgHolFji [url=http://adidas-shoes3.webnode.jp/]アディダス ゴルフ[/url] KbfNcxDooRkc [url=http://adidas-shoes0.webnode.jp/]adidas ジャージ[/url] HafCoyBgcDon [url=http://adidas-sneaker3.webnode.jp/]adidas ジャージ[/url] FzeKksYlcCxq [url=http://adidas-shoes7.webnode.jp/]アディダス ジャージ[/url] JooAjwLfiCwy [url=http://adidas71.webnode.jp/]adidas ジャージ[/url]

Anonymous said...

CarOtpAfwCpq [url=http://gucci7.webnode.jp/]グッチ[/url] DalIgfRoqFzb [url=http://gucci72.webnode.jp/]gucci[/url] MbxQubZkgZuo[url=http://gucci-shop.webnode.jp/]gucci グッチ[/url] FjhCykShoQlu [url=http://gucci0.webnode.jp/]グッチ[/url] GleLemQtgAws [url=http://guccishop.webnode.jp/]グッチ gucci[/url] OieBzaSerJxs [url=http://guccistore9.webnode.jp/]gucci[/url] JpwGgrToeHjs [url=http://guccionline5.webnode.jp/]バッグ gucci[/url] CmjVcpCtkRwa [url=http://guccishop3.webnode.jp/]gucci バッグ[/url] LqxRhaAjbSih [url=http://gucci-online4.webnode.jp/]gucci バッグ[/url] FgzZmmKpxJfb [url=http://guccibest.webnode.jp/]gucci バッグ[/url] PpzFkxKhdMeo [url=http://chanel76.webnode.jp/]シャネル 財布[/url] OvaZldSomKzm [url=http://chanel-online.webnode.jp/]chanel[/url] EhuZnwHgmYbx [url=http://chanel-shop.webnode.jp/]シャネル[/url] LgrFdoXesOep [url=http://chanel-store.webnode.jp/]chanel[/url] FbzGjlQtbGaq [url=http://chanel-online5.webnode.jp/]シャネル バッグ[/url] NxeYanUhuUls [url=http://chanel-japan.webnode.jp/]chanel 財布[/url] PmuGxeNjzBws [url=http://chanel-japan4.webnode.jp/]シャネル[/url]

Anonymous said...

YsaWxlQkpOjy [url=http://adidas58.webnode.jp/]アディダス[/url]BsrYdlKghEoj [url=http://adidas25.webnode.jp/]adidas スニーカー[/url] XohZggZsaCiq [url=http://adidas42.webnode.jp/]アディダス ゴルフ[/url] NbdDifSruWae [url=http://adidas79.webnode.jp/]アディダス[/url]FxzAphTsqMgv [url=http://adidas90.webnode.jp/]adidas スニーカー[/url]GifBvkQgsYmh [url=http://adidas63.webnode.jp/]アディダス ゴルフ[/url]
GypFvjNgaIxp [url=http://adidas81.webnode.jp/]アディダス[/url]
GwaRelDlaYei [url=http://adidas96.webnode.jp/]アディダス ゴルフ[/url]

Anonymous said...

IvkKmvQlhUao [url=http://nike02.blog.fc2blog.net/]nike woven[/url] HzpRldPzpVzk[url=http://nike-air98.webnode.jp/]nike air[/url] RpoKgtXnjEca [url=http://nike09.webnode.jp/]ナイキシューズ[/url] IwjMyyTwpTon [url=http://adidas833.webnode.jp/]adidas[/url]FfyIwbAxeGyc [url=http://nike76.webnode.jp/]スニーカーナイキ[/url]GbnXzaKfbLjd [url=http://nike141.webnode.jp/]スニーカー nike[/url] JceDlcTowAzs [url=http://adidas75.webnode.jp/] アディダス ジャージ[/url] ZvpGhbHaaIgd [url=http://adidas12.webnode.jp/]アディダスゴルフ[/url]