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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0wPbrHUVTgAiVeBsR2hKbmm-yAuTJ65athBseOfwlc1KWdy2qCFIpNpR19bByQ4IwZeWorFKK3pCm6b4IaXph-daGBXiaHlEwWvA9I0cJulQxp9os_3bilo6p6hOBL9y2IVLTi5IWkaj1/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