Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog | blog91919
Diberdayakan oleh Blogger.

Translate This Blog

Home » » Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog

Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog

Diposting oleh | |
Pada kesempatan hari ini blog91919 akan berbagi tips tentang Cara Membuat/Menambahkan Nomor Pada Blogger Threaded Comment Untuk Blog Anda di dalam kolom/kotak komentar Blogger ( Cara ini hanya bekerja jika fitur balas komentar di blog Anda sudah aktif). Dengan  trik CSS ini Anda bisa menambahkan angka/nomor berurutan seperti ini, misal 1,2,3, dan seterusnya. Anda dapat melihat screenshot di bawah ini untuk lebih jelasnya.
Oke, sekarang kita lanjut ke topik utama.
1. Login ke akun blogger Anda
2. Masuk ke dashboard blogger
3. Klik rancangan lalu klik Edit HTML
4. Download Template Anda terlebih dahulu untuk berjaga-jaga jika nanti terjadi kesalahan
5. Beri centang/checklist pada kotak kecil yang bertuliskan Expand Template Widget
6. Gunakan tombol CTRL+F pada keyboard untuk mempermudah pencarian, kemudian cari kode ]]></b:skin>
7. Jika sudah ketemu, masukkan kode berikut ini tepat dibawah kode ]]></b:skin>
Klik buka untuk melihat kode:
.comment-thread ol { counter-reset: countcomments; } .comment-thread li:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 22px; color: #555555; padding-left: 10px; padding-top: 3px; background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat; margin-top: 7px; margin-left: 10px; width: 50px; /*image-width size*/ height: 48px; /*image-height size*/ } .comment-thread ol ol { counter-reset: contrebasse; } .comment-thread li li:before { content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin); counter-increment: contrebasse; float: right; font-size: 18px; color: #666666; }
8. Klik Save dan sekarang sudah selesai.
                                                                  KUSTOMISASI
  • Untuk mengedit posisi angka pada komentar ganti kode padding-top: 3px; dengan angka yang diinginkan
  • Untuk mengubah posisi gambar backgroud ganti kode padding-left: 10px; dengan angka yang diinginkan
  • Untuk mengedit gambar background ganti kode background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png)dengan url gambar milik anda, tapi dibawah ini saya bagikan beberapa gambar untuk backgroudnya dengan cara klik kanan pada gambar dibawah ini,kemudian klik copy image url dan ganti dengan gambar backgroud dibawah ini.

    how to blog    blogger blogspot    blogspot blogger, how to blog    widget blogger blogspot    blogs, how to blog     blogspot or blogger, how to blog    tutorials, how to    comments, how to, blogspot blogger    new comment, how to blog    blog design, blogger blogger.com                   bubble comment count, bubble blogger posts   blogger comments, comment count    blogger blogspot, blogger comments   blogger bubble comment count   comments in blogger titles    blogger tips, blogger tricks   blogger widgets, bubble comment count    bubble comment count    Bubble Comment Count    Bubble Comment Count, blogger blogspot                                
    Sekian dulu dan terimakasih karena Anda sudah membaca artikel saya tentang Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog ini dan semoga bermanfaat buat Anda.

Ditulis Oleh : bayu naxtegal

Artikel Cara Membuat/Menambahkan Nomor Komentar Pada Blogger Threaded Comment Untuk Blog ini diposting oleh bayu naxtegal pada hari Kamis, 31 Januari 2013. Terimakasih atas kunjungan kalian semua serta kesediaan Anda membaca artikel ini, Kritik dan saran dapat Anda sampaikan melalui kotak komentar . Terimakasih Anda sudah mau membaca

Share this article :
Komentar dari Facebook
6 Komentar dari Blogger

6 komentar:

  1. Terima kasih sudah berbagi informasi yang bermanfaat.

    BalasHapus
  2. Ini dia, artikel yang dicari, akhirnya berhasil juga, thanks ya gan...

    BalasHapus
  3. ini kode yang sedang saya pelajari.. trims infonya..

    BalasHapus
  4. kern om ijin pake di blog ane ....

    BalasHapus

:a: :b: :c: :d: :e: :f:
:g: :h: :i: :j:


Emotion lainnya?

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. blog91919 - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger