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