Memasang Bubble Comment Count

Ya! Aku kembali lagi menggila. Kejap kata tak nak buat tutorial, kejap kata nak buat tutorial. Isk, maaf sebab aku sangat sibuk. Apa2 pun tak rugi kamu bookmark blog aku, nanti kamu pun boleh jadi gila macam aku.

Yang kamu tengok kat screenshot kat atas tu namanya Bubble Comment Count. Banyak blog2 sekarang yang dah menggunakkannya kerana ianya nampak lebih profesional dan lebih mudah untuk penggunjung menkliknya.

Bubble Comment Count

01. Pilih Template > Edit Html (tick pada Expand Widget Template).

02. Cari kod ini.

]]></b:skin>

03. Tambahkan kod ini di atasnya.

.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;

}

04. Cari kod ini.

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

05. Tambahkan kod ini di atasnya

<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>

05. Save dan lihat hasilnya.