Label Cloud

Search This Blog

02 March 2010

online counter Membuat Bubble Comment Count

Assalamualaikum , Pada pagi ini Msue ingin berkongsi bagaimana hendak membuat Bubble Comment Count . .tujuannya adalah untuk kita mengetahui berapa banyak komen pada satu - satu topik yang korang terbitkan .

1. Login Ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah ini(Gunakan CTRL+F unuk memudahkan korang mencarinyer..


]]></b:skin>


4. Pastekan kod di bawah ini di atasnye.



.bubble-comment-count{
background:transparent url(http://tinyurl.com/yd7yycn) 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:4px 0 0 3px;
}


5. Cari kod di bawah ini pula .



<b:if cond='data:post.link'>


6. Pastekan kod di bawah ini di atasnye .



<span class='bubble-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>


7. Preview dan Save Template .

Note: Pada highlight merah , korang leh tukarkan ngan Bubble Comment Count jenis Heart . jika tidak mahu,korang leh pakai yang asal






http://3.bp.blogspot.com/_znjmv4LDwck/S1d9l14yI5I/AAAAAAAABQs/0lbrNPx0LYI/s400/heart-pink-icon.png





http://3.bp.blogspot.com/_znjmv4LDwck/S1d8wf1s_6I/AAAAAAAABQk/eIn0PY1BRbU/s400/heart-gold-icon.png




Via - Dilarang Melarang



Tinggalkan Komen Anda Disini