Kali ini saya Posting cara menampilkan Jumlah Komentar di samping Artikel pada Homepage Blog.
Mungkin anda penasaran bagaimana penampakannya, silahkan lihat pada gambar dibawah ini:
Pasti pernah lihat kan?
Iya donk!!! Blog saya ini kan juga pake seperti yang ada di gambar...
Tanpa memperpanjang isi teks Artikel, mari kita mulai saja.
Berikut ini adalah langkah-langkah nya:
TueehEY4zLI/AAAAAAAAAyk/dPs5ZheGmEA/s1600/comments.png
- Login pada Blogger: Dasbor
- 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/AVvXsEiVq-aIq3IwYytrtXNKdWl80fawC2OaHN_Dc7-PxcgtvgVKkdsSkYjIH1trikPKqkFy2AKQVT0cHZ2sEgoHNSXCamwGkEdMeDEMGHr5YPd298-5rVx0YGRCe_YviHcZQocQ0znGFohcevM/s1600/comments.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
Sekian Untuk Postingan tentang Cara Menampilkan Jumlah Komentar di Samping Judul Artikel.
Semoga membantu, terimakasih.
sekian


1. Jangan Menggunakan Link Hidup Kecuali Penting
2..Komentar Yang Relevan Akan Saya Balas
3.Untuk Menggunakan Emoticon Klik Emoticon Terlebih Dahulu Untuk Mendapatkan Kode
Note:Komentar Anda Terlebih Dahulu Di Moderasi Untuk Tidak Terjadi Pelanggaran !