Memasang jumlah komentar pada judul post adalah judul postingan untuk menjawab pertanyaan salah seorang blogger yang menanyakan
"Kang, blog ini dihalaman depan samping judul post ada comment link berwarna hijau, itu bagaimana cara bikinnya ???".
Pertanyaan salah seorang blogger tadi mengarah kepada gambar hijau yang
berisi jumlah komentar yang berada pada judul posting blog ini. Selain
berfungsi sebagai pernak - pernik blog, memasang jumlah komentar pada
judul posting berfungsi juga untuk mengetahui jumlah komentar pada suatu
artikel blog. Oke sob, tanpa basa - basi lagi, kita langsung saja ke
tutorial tentang
Memasang jumlah komentar pada judul posting di bawah ini:
- Login pada blogger menggunakan id blog sobat
- Masuk ke halaman Template
- Klik Edit HTML lalu Lanjutkan
- Jangan lupa klik centang pada Expand Template Widget
- Pertama - tama, cari kode ]]></b:skin>
- Copy kode di bawah ini dan paste di atas kode ]]></b:skin>
.comment-link {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisBpIJXAQvqEWOQlX6mL8p5N5q8I3kOV3kAQZosez6_8yBH25DBaSsHu1kt5KrBHJhDKVFSF95Tvq2HQHrrU3NkbLQr49BRYFnGbDNJFkJIEc2EsFtGI_YiqsgbD380RD-3pyqXKXYM-I/s1600/comment-link+anjeunn.png) no-repeat;
width:30px;
height:20px;
float:right;
color:#fff !important;
font-size:10px;
text-align:center;
margin-left:4px;
}
- Selanjutnya, cari kode yang mirip dengan <h2 class='post-title entry-title'>
- Copy kode di bawah ini dan paste di sebelah kode <h2 class='post-title entry-title'>
<b:if cond='data:blog.pageType != "item"'>
<span class='post-comment-link'>
<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 ==
0'>0<b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>
</b:if>
- Nah, jika semua itu dipasang, jumlah komentar akan muncul di halaman
homepage, jadi di halaman postingan tidak ada. Untuk mencegah munculnya
jumlah komentar tampil di halaman statis (pages) copy kode di bawah ini, dan paste di atas kode </head>
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.comment-link{display:none;}
</style>
</b:if>
- Simpan Template dan lihat hasilnya
Selesai deh, ohiya sob, untuk mengganti gambar jumlah komentarnya, ganti
saja tulisan berwarna merah dengan link gambar yang sobat inginkan
untuk dijadikan sebagai gambar jumlah komentarnya. Nah, sampai disini
dulu untuk
Memasang jumlah komentar pada judul posting.
Sampai Jumpa ;)
0 komentar:
Posting Komentar