5.06.2011

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/AVvXsEhpiuaG9gHcBhkXJ5hEGEVTfBwTF1vl0NkAmgNB9AMmTu9nJrQzrauBhlJe6lC_OFiv6mr32YyksoPHT0A1puwmSDxRiGxAcmZQWeNBfooIoCnh33B09jdMx3Yti7vPBpwS2AuEuobd3abX/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/AVvXsEj63zT00kdEytjK0LgOCl4E-HHx6bXomIN6bGwP9MTnQIX_F0yelIxw9vOfGTeLAS4uoz3PZo8JZmzvNcMbXtQ2MwAO2IBt2ohAiTxhfDj8lU8Ap34P-n5850UcXNd_wRIEPKf4rNWyDvEj/s400/heart-pink-icon.png


2. Heart Gold.



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

No comments:

Post a Comment