Memberi Nomor Komentar Pada Blogger

Numbering Comments In Blogger
Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode berikut
<b:loop values='data:post.comments' var='comment'>
7. Masukkan script dibawah ini tepat dibawah kode tersebut
<!--Penomoran Komentar Kode 1-->
<script type='text/javascript'>var CommentsCounter=0;</script>
<!--/Penomoran Komentar Kode 1-->
8. Kemudian cari kode berikut
<data:commentPostedByMsg/>
9. Masukkan script dibawah ini tepat dibawah kode tersebut
<!--Penomoran Komentar Kode 2-->
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--/Penomoran Komentar Kode 2-->
10. Kemudian cari kode ]]></b:skin>
11. Masukkan script dibawah ini tepat diatas kode ]]></b:skin>
/*---Penomoran Komentar dari http://bloggerstop.net---*/
.comm-num a:link, .comm-num a:visited {
color: #CC0000; /*warna huruf nomor komentar*/
text-decoration: none !important;
background: url(http://i49.tinypic.com/2zzhr4o.jpg) no-repeat;
width: 39px;
height: 43px;
display: block;
float: right;
margin-right: 5px; /*posisi gambar dari kanan*/
margin-top: -5px; /*posisi gambar dari atas*/
text-align: center;
font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
font-size: 15px; /*ukuran huruf nomor komentar*/
font-weight: normal;
line-height: 30px;
}
.comm-num a:hover, .comm-num a:active {
color: gray;  /*warna huruf link hover*/
text-decoration: none !important;
font-weight: bold;
}
Keterangan :
- Anda dapat merubah warna huruf , gambar latar (background) , posisi gambar , dan ukuran huruf sesuai keinginan anda.
- Bagi anda yang mengunakan scroll pada blok komentarnya sebaiknya margin-top nya dibuat 0px.
- Jika anda ingin mengganti gambar background untuk nomornya , gantilah URL http://i48.tinypic.com/o5oupx.jpg dengan URL gambar sesuai keinginan anda , tapi jangan lupa untuk merubah ukuran width dan height nya sesuai ukuran gambar yang baru.Misalnya anda akan mengganti dengan gambar yang berukuran 44x49 maka ubah width nya menjadi 44px dan height nya menjadi 49px.

Dibawah ini adalah beberapa gambar yang bisa anda gunakan untuk background nomor komentar , untuk mendapatkan URL gambar ini , silahkan klik kanan pada gambarnya lalu pilih salin URL gambar.
                              

Semoga bermanfaat...!!!

Subscribe

0 Komentar Blogger
Komentar Facebook

0 komentar:

Pasang Widget Otomatis



Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Masukkan URL blog max 10 URL
( Tools by Dhecun Blog : Get Widget )

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Dapatkan update artikel terbaru dari Dhecun Blog

yang akan dikirim ke email anda secara gratis...!

Jangan lupa buka Email anda untuk verifikasi.
RSS feeds















Space Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Kategori pasang iklan

Rp.10.000 per bulan
Rp.100.000 per tahun
Judul iklan
Deskripsi iklan
Gambar (220x150)

Iklan Sponsor 1

About Me

Profil Google+
My Facebook
Kirim SMS Gratis
Download Gratis
Print

Contact

Contact on Email
Contact on Facebook

Rekomendasi

Follow

RSS feeds

Widget Populer

Widget Zoom Detail Gambar

Widget Share Button Melayang

Share

Tukar Link

Traffic

Semua Artikel




Tampilkan semua artikel

10 Artikel Terbaru






Masukkan email anda

untuk berlangganan artikel




Dhecun Blog

Followers

Google+ Followers

Google+ Badge