Cara Menampilkan Jumlah Komentar Disamping Judul Posting Di Blogger

Cara Menampilkan Jumlah Komentar Disamping Judul Posting Di Blogger - Anda Ingi Tau Cara Menampilakn Jumlah Komentar Postingan Anda Di Samping Judul Postingan Blog Anda???Pengen Taukan Yuk Kita Langsung Mulai

Cara Menampilkan Jumlah Komentar Disamping Judul Posting Di Blogger:

1.Login Blogger

2.Klik Rancangan - Klik Edit HTML

3.Centang Expand Template Widget

4.Cari Kode ]]></b:skin> Menggunakan Ctrl+F / F3

5.Letakan Kode Dibawah Ini Diatas Kode ]]></b:skin>

a.comment-bubble:hover{color:#cc6611;}
a.comment-bubble {
float:right;
width:34px;
height:18px;
text-align: center;
white-space:nowrap;
font: bold 14px monospace;
color:white;
position:relative;
margin-left: 6px;
margin-top: 3px;
padding-top:2px;
background:#eeaa00; /* fallback */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8dd99), to(#eeaa00));
background:-webkit-linear-gradient(#f8dd99, #eeaa00);
background:-moz-linear-gradient(#f8dd99, #eeaa00);
background:-o-linear-gradient(#f8dd99, #eeaa00);
background:linear-gradient(#f8dd99, #eeaa00);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border: 1px solid #dd8808;
border-bottom-color: #f8dd99;
border-right-color: #f8dd99;
}
a.comment-bubble:after {
content:"";
position:absolute;
bottom:-5px;
left:11px;
border-width:5px 5px 0px 0px;
border-style:solid;
border-color:#eeaa00 transparent;
display:block;
width:0;
}

6.Cari Kode Dibawah Ini:

<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

Contoh Gambar:

7.Letkan Kode Dibawah Ini Dibawah Kode Diatas

<b:if cond='data:post.allowComments'><a class='comment-bubble' expr:href='data:post.url + &quot;#comments&quot;' expr:title='&quot;Comments to &amp;quot;&quot; + data:post.title + &quot;&amp;quot;&quot;'><data:post.numComments/></a></b:if>

Contoh Gambar: 

8.Simpan Template

Semoga Berhasil!!!