02 March 2010
Membuat Bubble Comment Count
hak milik
Sue
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 .
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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYBl9puuO7B43RKX7SzB-i7pGojJtrNxu2cPoaKqqZVYsOy2hTB0il66KxpxgTGgeLSEMRU_Y5PZkln9ipInPJj-qZkihWjV-uHqMQ8gHIvk2XP6Q7i1SeegjbM_8nPD0G97SVnIdk2YFm/s400/heart-pink-icon.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi555sm1VGvOuQm3WVoWjDReF9yXddvTw1ehdXqWBGPkt1GhmvYQ4lf35TdctxxAnquEJIrCz4MvuCDwUQ9vCU9NmsaT3wsaouBprwdTcy3sa1z4HuEDk_HywOiYHlV-Ure0mQ-VG5D-4Yh/s400/heart-gold-icon.png
Via - Dilarang Melarang
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYBl9puuO7B43RKX7SzB-i7pGojJtrNxu2cPoaKqqZVYsOy2hTB0il66KxpxgTGgeLSEMRU_Y5PZkln9ipInPJj-qZkihWjV-uHqMQ8gHIvk2XP6Q7i1SeegjbM_8nPD0G97SVnIdk2YFm/s400/heart-pink-icon.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi555sm1VGvOuQm3WVoWjDReF9yXddvTw1ehdXqWBGPkt1GhmvYQ4lf35TdctxxAnquEJIrCz4MvuCDwUQ9vCU9NmsaT3wsaouBprwdTcy3sa1z4HuEDk_HywOiYHlV-Ure0mQ-VG5D-4Yh/s400/heart-gold-icon.png
Via - Dilarang Melarang
