Cara Membuat Jumlah Komentar Disamping Judul Postingan Blog

Rabu, 18 Januari 2012

Cara Membuat Jumlah Komentar Disamping Judul Postingan Blog Dengan Gambar - Langkah mudahnya bisa Anda simak di bawah ini, nanti hasilnya akan tampak seperti pada tampilan dibawah ini, selamat mencoba !!.

Login ke Akun blogger Anda
Klik "Dashboard" lalu "Design/Rancangan" kemudian "Edit HTML"
Jangan lupa ceklist "Expand Template Widget"
Cari code ]]></b:skin> ,kemudian letakkan CSS berikut tepat diatasnya

.comment-ballon{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP9NbwJT4-zuohaouWQqV7ar8oDEDpFlqBgs6zp9LFwNQ2YQJI7JmOGpRAiT4xjRn3uXrcbIXoUvEzPJNiNXPkIhfAA5_y-i88E1-Ex3PPjKWGfcSho9pGidZ3M6X9liXJpRt38hSlobg/s1600/comments.png) no-repeat;
width:32px;
height:32px;
text-align:center;
font-size: 16px;
float: right;
padding-top: 3px;
margin-right: 10px;
font-color: #ffffff;
}
.comment-ballon a{
color: #000000;
}

Cari kode berikut dengan cara Ctrl + F(find), biasanya ada dua pilih yang pertama.

<a expr:name='data:post.id'/>

Jika sudah ketemu,letakkan code dibawah ini tepat diatasnya

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