Mengedit kotak jumlah komentar postingan di Home Blogger

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Mengedit kotak jumlah komentar postingan di Home Blogger. Dengan artikel Mengedit kotak jumlah komentar postingan di Home Blogger ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Mengedit kotak jumlah komentar postingan di Home Blogger kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Mengedit kotak jumlah komentar postingan di Home Blogger selengkapnya:

Memiliki bubble jumlah komentar untuk setiap judul posting blogger membuat blog Anda tentu lebih menarik. Hal ini meningkatkan tidak hanya jumlah komentar Anda, tetapi juga memungkinkan pengunjung Anda untuk melihat apa tulisan paling populer di blog Anda. Jika sebuah tulisan memiliki komentar lebih, maka ia akan menampilkan populer posts untuk pengunjung blog Anda. Jadi mari kita mulai menambahkan fitur ini untuk judul posting blog Anda dengan menampilkan jumlah total komentar untuk posting Blogger Anda :

Langkah 1. 

1. Pergi ke Dashboard - Template - Edit HTML - Proceed - centang Expand Template Widget.
2. Cari (CTRL + F) potongan kode berikut pada template Anda : 

]]></b:skin>

    3.  Masukkan kode dibawah ini, diatas pada kode diatas :

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1nbiiJKJUhehSNe0GpDdD2UYPhPmdBWiHJTMIemdKNGBE-9boftetgqdOnZyLM8nopBvU3BjEHHAV29dnDuTwDre1oA4WdN0CKXwuHuWtcaSbbSxbg7ah4mQSJI2p5DwpujI8qf1XypnB/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
} 

Langkah 2

1. Cari kode dibawah ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

    2.  Jika tidak ketemu cari kode dibawah ini :

<b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>

    3.  Masukkan kode dibawah ini tepat pada kode diatas :

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

    4.  Preview terlebih dahulu, jika berhasil Save Template Anda.

Keterangan :

1. Klik kanan dan salin URL gambar yang Anda inginkan pada gambar-gambar .png dibawah ini :
   
    
2.  Ganti dengan URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1nbiiJKJUhehSNe0GpDdD2UYPhPmdBWiHJTMIemdKNGBE-9boftetgqdOnZyLM8nopBvU3BjEHHAV29dnDuTwDre1oA4WdN0CKXwuHuWtcaSbbSxbg7ah4mQSJI2p5DwpujI8qf1XypnB/s1600/speech+bubble+green.png diatas.

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Mengedit kotak jumlah komentar postingan di Home Blogger dengan keword yang masuk Blogger Hack . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.