LETAK JUMLAH KOMEN DI SEBELAH TAJUK POSTING

Cara letak jumlah komen disebelah tajuk posting

Meletakkan jumlah komen disebelah tajuk postingdengan dengan bentuk gelembung  boleh membuatkanblog 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 komendibawahnya .

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/AVvXsEjYcV5IJ_67F6Nrl1cWg7GNVV6vRvHdbkIFxl6mp4E8FkTRI0ZsrGYaPfdoNuJmqEV32tZVCHXn_3GPsBAMJF5Aq0EGYIFUD8Ji5envzIT0OV2UHQxS4eibFfGQ1BtNBmexteveGCxbEqHE/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