Cara Membuat Jumlah Komentar Disamping Judul Postingan Blog

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/AVvXsEiS7UtJuJ2NihD4p-LG9FfrO2zSZJBNf2CBNL3RfSe7tMiVfBGnDzh_asS123XeBNyoW5q5L5kwUQuWPfXx-iSp5tDvbj-4eYkmgFaWic67pmTSED_g8AflJ20fOQZD3zTy8eYvAakM-qM/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>
  • Klik Simpan 
  • Lihat Hasilnya !!! , seperti pada blog INI

0 komentar:

Posting Komentar