Sunday, June 21, 2015

Cara Mudah Membuat Counter Comment di Blog


Counter comment ini dapat memberikan kesan profesional pada comment content halaman blog anda, tampilan yang unik membuat kepuasan design tersendiri buat pengguna blog. Counter comment ini berdigit decimal dan terpasang pada comment content halaman blog. Counter comment ini akan menampilkan nomer komentar yang telah dipublish. Disamping membuat halaman anda unik terutama bagian kotak komentar, Counter comment ini juga akan membedakan jenis replay dan komentar baru dengan menampilkan angka angka yang berbeda. Sistem pengoperasian dariCounter comment ini hanya di edit pada bagian CSS tanpa mempengaruhi loading halaman blog kesayangan anda. Counter Comment ini masih berfungsi sangat stabil pada komentar sistem Thread. Untuk sistem comment single seperti form komentar facebook hal ini tidak begitu maksimal. Oke dari pada nunggu lama ngak sabaran mari langsung saja menuju TKP. Untuk DEMO silahkan kunjungi :
http://themsseo001.blogspot.com/2013/07/tersedia-fitur-untuk-iklan-anda.html

Install Program CSS


  1. Login ke dashboard anda
  2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
  3. Cari code ]]></b:skin> 
  4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px;
color: #FFA6A4;
padding-right: 30px;
padding-top: 26px;
margin-top: 10px;
margin-left: 24px;
}
.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: #8A8A84;
padding-left: 1px;margin-right:-15px;
padding-top: 15px;
}
Keterangan Code
  • Tulisan kode warna MERAH adalah tataletak counter commentnya, silahkan anda edit sesuai dengan tata letak komentar halaman blog anda.
  • Tulisan warna BIRU adalah ukuran besar kecilnya angka pada counter comment.
  • Tulisan kode warna HIJAU adalah warna dari counter comment tersebut.
  • Bila anda ingin lebih berkreasi silahkan anda edit CSSnya untuk menyesuaikan tampilan related post ini dengan tems template anda.

Kesimpulan
Counter comment ini memberikan keunikan tersendiri pada halaman blog dan menghitung atau membedakan comment sistem replay atau baru. Counter comment ini dapat dipasang pada blog HTML5 dan CSS3, CSS ringan sehingga tidak mempengaruhi loading blog. Counter comment ini berfungsi maksimal pada sistem Thread Comment.

No comments:

Post a Comment

Official Virgozta