Cara Membuat Jumlah Komentar Di Pinggir judul

Meletakkan jumlah komen disebelah judul posting dengan bentuk persegi  bisa membuat tampilan blog lebih cantik.Jika ingin mengubah tampilan pada blog dengan jumlah komentar ini, ikuti langkah berikut:


1.Masuk ke Design,dan pilih edit HTML,
2.Kemudian klik pada expand template widget

Dan cari kode ini pada template:

<h3 class='post-title entry-title'>

3. Sebelum  atau sesudah kode diatas ,letakan kode dibawah ini:

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><br/><span style='font-size:12px'>Komentar</span></a>
</b:if>


#Bagian yang berhuruf merah adalah untuk kata komentar dibawahnya .

Jika tidak ada kode <h3 class='post-title entry-title'> ,
cari kode <b:if cond='data:post.url'> dan letakkan kode diatas sebelum kod ini.

4.Kemudian cari kode ini :

</head>

5.Letakan sebelum atau sesudah kod dibawah ini:

<style type="text/css">.comment-bubble {
float: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizyclM353AAfhQomKYljucUI85vlof_NkvmG0DS3TLFjHxtkgfy4KyPjeA-OmE7pKQe-x-XcYI7ndD-nPV610UK8-Jv3javsPgztz-iZfpyKKWUHMv8uiR_Ds1QrcKZxBEPqRod0_sNLjK/s1600/Img00021.jpg) no-repeat;
width: 54px;
height: 37px;
font-size: 17px;
margin-top: -14px;
margin-right: 2px;
text-align: center;
}
</style>


Silahkan ganti url alamat image sesuai keinginan anda,yang warna ping

6.kemudian preview dan terakhir klik save templat

contoh lihat di atas pinggir judul,...selesai
selamat mencoba semoga berhasil...