Cara Tambah Sebuah Komentar Hitungan Gelembung Untuk Blogger Posting Judul

Sebuah komentar gelembung dengan saat ini jumlah komentar yang ditampilkan pada setiap judul posting blogger bisa membuat blog Anda lebih menarik. Hal ini tidak hanya meningkatkan komentar Anda menghitung tapi juga memungkinkan pengunjung Anda untuk melihat apa yang tulisan paling populer di blog Anda. Ketika sebuah tulisan memiliki banyak komentar, maka komentar gelembung akan menunjukkan popularitas posting Anda untuk pembaca dan pengunjung sehingga mereka mungkin akan lebih tertarik untuk membacanya. 

Jadi mari kita mulai menambahkan hal ini: 

. Langkah 1 Pergi ke Dashboard - Template - Edit HTML (klik pada tombol Lanjutkan, jika diperlukan) 

Langkah 2. Pilih "Expand Template Widget" (membuat cadangan) 

. Langkah 3 Cari - menggunakan CTRL + F - potongan kode berikut pada template anda: 

 ]]> </ B: skin>

Langkah 4 Tambahkan kode di bawah ini tepat di atas]]> </ b:. Skin>: 

 . Komentar-gelembung {
float: right;
width: 48px;
height: 48px;
background:
background-repeat: no-repeat;
font-size: 18px;
margin-top: 15px-;
margin-right: 2px;
text-align: center;
}

. Langkah 5 Sekarang cari kode ini: 

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

Catatan: Jika Anda tidak dapat menemukannya, cari kode ini sebagai gantinya: 

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

Langkah 6 Dan tambahkan kode ini segera setelah itu.: 

 blog.pageType cond='data:post.allowComments'>
<A class = 'comment-bubble' expr: 'Data: post.addCommentUrl' href = expr: onclick = 'Data: post.addCommentOnclick'style = 'color: # ffffff; font-size: 18 px; font-weight: bold; "> <data:post.numComments/> </ a>
</ B: if>

Catatan: 

• untuk mengubah warna dari jumlah komentar, ganti # ffffff dengan nilai hex warna Anda;
• untuk mengubah ukuran font, kenaikan / penurunan nilai 18 px;

Langkah 7. Preview template Anda dan jika semuanya ok, klik Save Template. 

Komentar Bubbles 

Anda dapat memilih salah satu gambar di bawah ini - klik kanan pada gambar yang diinginkan dan pilih "Copy Image Address / Location", lalu ganti kode yang berwarna merah dari langkah 3 dengan alamat yang baru saja disalin. 




Itu saja! Nikmati (: