Cara letak jumlah komen disebelah tajuk posting

Meletakkan jumlah komen disebelah tajuk posting dengan dengan bentuk gelembung  boleh membuatkan blog anda nampak lebih menarik.Jika ingin mengubahsuai tampilan pada blog dengan jumlah komen ini, ikuti langkah berikut: 

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

Dan cari kod ini pada template:

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

3. Sebelum  atau selepas kod diatas ,letak kod 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:10px'>Komen</span></a>
</b:if>

#Bahagian yang berhuruf merah adalah bagi membuat  perkataan komen dibawahnya .

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

4.Kemudian cari kod ini pula:

</head>

5.Letakan sebelum atau selepasnya kod dibawah ini:

<style type="text/css">.comment-bubble {
float: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7SzDgAoSEgsSqVJ1EMRwA_j6OYl7ZV6o9agqfuFL7EjlpVMBXgtfWzO9MoMdAKeWi1V6annyeXyv4S0cJ8cFM5hskqp8Zk9dbnbS92AInH8-PyJXUasGBUfFIbkEXmOyNGl5y_-T5DbUx/s1600/Blogger+comment+bubble+%284%29.png) no-repeat;

width: 55px;

height: 38px;
font-size: 18px;
margin-top: -15px;

margin-right: 2px;

text-align: center;
}
</style>

6.kemudian preview dan akhir sekali klik save template