.






Tuesday, June 22, 2010

-»¦«-Heart Comment Count -»¦«


1. Sign in akaun blogger.
2. Pilih LAYOUT --> EDIT HTML.
3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.
4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.
Panduan Blogger
5. Cari kod ini.
]]></b:skin>
6. Copy kod di bawah dan letakkan di atas kod tadi.
.heart-comment-count{
background:transparent url(http://3.bp.blogspot.com/_znjmv4LDwck/S1d8wf1s_6I/AAAAAAAABQk/eIn0PY1BRbU/s400/heart-gold-icon.png) no-repeat;
float:right;top:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:31px;
width:34px;
text-align:center;
margin-left:10px;
padding:6px 0 0 0;
}
Anda boleh memilih salah satu icon di bawah untuk digunakan.
Gantikan url icon yang berwarna merah.
01. Heart Pink.
http://3.bp.blogspot.com/_znjmv4LDwck/S1d9l14yI5I/AAAAAAAABQs/0lbrNPx0LYI/s400/heart-pink-icon.png
02. Heart Gold.
http://3.bp.blogspot.com/_znjmv4LDwck/S1d8wf1s_6I/AAAAAAAABQk/eIn0PY1BRbU/s400/heart-gold-icon.png
7. Setelah selesai memilih icon.
8. Cari kod ini.
<b:if cond='data:post.link'>
9. Copy kod dibawah dan letakkan diatas kod tadi.
<span class='heart-comment-count'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
</span>
10. Pilih PREVIEW untuk melihat hasilnya.
11. Sekiranya berpuas hati SAVE TEMPLATE.

Selamat Mencuba :) credit to syamzone