Cara menambahkan Comment Bubble Pada Blogger

Halo Sobat T-Blog , Kali ini saya akan mempostingkan tentang Cara menambahkan Comment Bubble Pada Blogger. Ane Ngeshare ini buat orong yang belum tahu aja, kalau sudaj tahu ijin nyimak aja ya...!!. Cara ini berguna untuk menambahkan gambar di samping kanan. Fungsinya Sob untuk mengetahui berapakah komentar tiap postingan diblog dan sebagai alat untuk menuju ke kotak komentar jika pengunjung inggin berkomentar pada postingan Sobat. Langsung aja tutornya.

Cara menambahkan Comment Bubble Pada Blogger

~ Langkah Pembuatan :

1. Login dulu blog Sobat T-Blog

2. Terus buka Template ==>> Edit Html

3. Centang Expand Template Widget di pojok kanan atas

4. Cari dan temukan dengan ctrl+F pada keyboard Kode ]]></b:skin> !!

5. Jika Code tersebut sudah ketemu sekarang letakkan kode CSS berikut tepat di atas kode tadi.

|-------------<COPAS CODE>---------------->>

.comment-bubble {
float: right;
width: 48px;
height: 48px;
background: url(http://otowebsite.googlecode.com/files/ow-commentbubble.png) no-repeat;
font-size: 18px;
float: right;
margin-top: -15px;
margin-right: 2px;
text-align: center;
position: float;
text-align: center;
}

|-------------</CODE HTML>---------------->>

6. Sekarang cari temukan kode <b:if cond='data:post.link'> dan ganti kode tersebut dengan kode berikut.

|-------------<COPAS CODE>---------------->>

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>

|-------------</CODE HTML>---------------->>

7. Simpan Template dan hasilnya seperti dibawah ini !!