Senin, 25 Februari 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(http://3.bp.blogspot.com/-zrPssaxSG2E/T47v-XB1EWI/AAAAAAAAB8E/uUz8RiJnW2U/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

Artikel Terkait Lainnya :



Ditulis Oleh : Rendo Aditama

Artikel Cara Memberi Nomor Pada Komentar Blog ini ditulis oleh Rendo Aditama pada hari Senin, 25 Februari 2013. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Memberi Nomor Pada Komentar Blog dapat Anda sampaikan melalui kotak komentar dan jangan lupa klik like facebook diatas ya

:: Add My FB ::

Tidak ada komentar: