Breaking News
Loading...
March 5, 2013

Cara Menampilkan Jumlah Komentar Diatas Postingan

1:44 PM

Cara Menampilkan Jumlah Komentar Diatas Postingan
Untuk mengetahui berapa jumlah komentar yang sudah dilayangkan oleh para komentator di blog anda, anda dapat membuat widget untuk menampilkan jumlah komentar diatas posting atau disebelah pojok kanan postingan blog anda. Widget untuk menampilkan jumlah komentar blog ini menggunakan bubble supaya terlihat lebih menarik apabila dipasang disebelah postingan blog. Simak bagaimana Blogger Bondowoso akan share mengenai cara memasang widget total comments/total komentar untuk menampilkan jumlah komentar pada blogspot.

Cara Menampilkan Jumlah Komentar Diatas Postingan

Cara Menampilkan Jumlah Komentar Diatas Postingan
1. Login ke blogger anda
2. Pada dasboard, pilih Template => Edit HTML
3. Centang Expand Widget Template
4. Tekan Ctrl+F, cari kode ]]></b:skin> dan letakkan kode berikut diatasnya

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;
}

5. Selanjutnya cari kode seperti 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'>

Catatan :
Mungkin didalam template blog anda sudah berubah untuk tag heading h3 atau masih h1, jadi disesuaikan saja dengan tag judul post yang ada di template anda.

6. Berikutnya letakkan kode berikut dibawahnya

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

7. Sehingga hasil penerapnnya seperti 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'>
<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>

8. Selesai dan simpan template

Kiranya cukup sekian pembahasan cara menampilkan jumlah komentar diatas postingan, silahkan dicoba dan semoga bermanfaat.

Cara Menampilkan Jumlah Komentar Diatas Postingan
Share:

0 comments:

Post a Comment

 
Toggle Footer