Memasang Heart Comment Count


1. Sign blog anda.
2. Pilih Design --> Edit HTML.
3. Klik pada Expand Widget Template.
5. Cari kod ini ]]></b:skin>.
6. Copy kod di bawah dan paste di atas kod tadi.

.heart-comment-count{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh16vvv-XnLRjIQPYJKf92E5jUJ23qqIBPBXRNP-ibVIspHhnUQHUdqwuCZIg6CtK55RQQWj4tFtICzG2uPVePV5mqtu0dDIPWho5VqSFNNVnG5MajnBgDPPAcOlZrrhyphenhyphenOqXVSrYYURFuaT/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;
}

Nota : Gantikan url icon yang berwarna merah.

Contoh :
1. Heart Pink.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnqJwtpQadLesbxod24etugnH8MuHvdaq_tG3STHvbwHal7e-THW3ItSBTU4DL0u_oWEMHrHbUvVec7KCNKFSpuuH8ruT_N-jyfrMorUSVDHamcNU0ZeY6Ok0P_b4rGUJTntanVoYhMbvJ/s1600/heart-pink-icon.png

2. Heart Gold.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mNiKQLp4wzwKVxLXTE5DRL7X93CDx2EzUZbG_6ThyphenhyphenqVsHEkgq9Cv__9qHGYNx8jUhUbmGwuM_UAmP3a9T_krGGQ045_8Z2CBKtS168d4qWyuAQhOfdUrA1k44ZNGDPs1wbsPvtOizJez/s1600/heart-gold-icon.png

7. Cari kod ini <b:if cond='data:post.link'>.
9. Copy kod dibawah dan paste 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>

11. Save Template.


Selamat Mencuba..

0 comments:

TinGaLkan Jejak