-»¦«-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.

5. Cari kod ini.

]]></b:skin>

6. Copy kod di bawah dan letakkan di atas kod tadi.

.heart-comment-count{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfB64h9LFGw6MAYVyxzlm3kV-Ps3Kmr0saHqLGgdWl1OBZDBmsKGonBKpFUzbqY5amiDqCi9daUlLgBJYPlmvpyIHsgShHehO2wRId6N5Gyy5cQxlV57psSq7UoHCNCzMuZ4dGOptDSkeI/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.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUFcF-MJDUtFidPTuOsq1277IQqEvZu8A2odSXk6fajmbHx9-Kx30eYbuypuZnRwALpvPjADqp_Y68C82wobeAVdYq9_BgRU1RriAiKmnqWKKYEBpQlbIVeHFVCLBrlT0szkwPyC8QE5l/s400/heart-pink-icon.png

02. Heart Gold.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfB64h9LFGw6MAYVyxzlm3kV-Ps3Kmr0saHqLGgdWl1OBZDBmsKGonBKpFUzbqY5amiDqCi9daUlLgBJYPlmvpyIHsgShHehO2wRId6N5Gyy5cQxlV57psSq7UoHCNCzMuZ4dGOptDSkeI/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