Monday, February 25, 2013

Cara Memberi Nomor Pada Komentar Blog




bagaimana blog, blogspot blogger

Caranya :

  1. Buka akun Blogger Anda
  2. Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
  3. Cari kode dibawah ini :
<b:loop values='data:post.comments' var='comment'>
   4.  Masukkan kode dibawah ini, diatas pada kode diatas :
<script type='text/javascript'>var CommentsCounter=0;</script>
   5.  Cari kode dibawah ini :
<data:commentPostedByMsg/>
   6.  Paste kode dibawah ini, tepat dibawah pada kode diatas :
<!--comments-count-starts-->
<span class='comments-number'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--comments-count-stops--> 
   7.  Cari kode dibawah ini :
 </head>
   8. Paste kode dibawah ini tepat diatas pada kode diatas :
<!-- comments-count-starts-->
<style type="text/css">
.comments-number a:link, .comments-number a:visited {
color: black !important;
text-decoration: none !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEbp3L3goQFvmWNX9DhUunePPSR_fqp1Ag9H4J3_qUN4fIFXzxmf5PjtT6kuGHV05Ie_PdQ332H8IKSbRePhPWt__GrsdQ7yEQVZWlWLi0d20xWVSO1rLfNfVXzZn6L8Ipv0kHU644bb77/s1600/comment+bubble+1.png) no-repeat;
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comments-number a:hover, .comments-number a:active {
color: #1BA0E1 !important;
text-decoration: none !important;
}
</style>
<!-- comments-count-stops-http://helplogger.blogspot.com--> 

Pengaturan:


  1. Untuk mengubah foto, mengedit kode biru di atas dan salin URL pada gambar .png dibawah ini :
    how to blogblogger blogspotblogspot blogger, how to blogwidget blogger blogspotblogs, how to blogblogspot or blogger, how to blogtutorials, how tocomments, how to, blogspot bloggernew comment, how to blogblog design, bloggerblogger.com
  2. Untuk mengubah warna dari angka-angka, mengedit kode warna hijau

Penting:

  1. Anda mungkin menggunakan gambar bukan yang terkait dalam kode di atas (step 8), tetapi Anda harus menyebutkan dimensi dengan benar (lebar dan tinggi) untuk penempatan yang benar dari nomor pada gambar.

   9.  Preview dan simpan template Anda dan nikmati kotak komentar baru Anda

Sumbernya disini : http://adf.ly/Jm7NP

No comments: