Menu


Menu Tab

Pages

Effek Nomor Komentar

Memasang kode Efek Nomor Komentar
kode ini dapat menampilkan nomor secara berurutan, untuk penerapnnya, login ke akun blog klik edit HTML temukan kode ]]></b:skin> gunakan CTRL F untuk pencarian Copy kode berikut ini Pastekan diatas kode  ]]></b:skin> dan klik simpan selesai
/*!
 * Efek nomor pada komentar
 * Myscript2010
 */
.comments {counter-reset:number}
.comments .comment {
  position:relative;
  counter-increment:number;
}
.comments .comment-content {margin-right:50px !important}
.comments .comment:after {
  content:counter(number);
  display:block;
  width:40px;
  height:40px;
  text-align:center;
  font:italic normal 20px/40px "Times New Roman",Times,Serif;
  color:#ccc;
  position:absolute;
  top:10px;
  right:10px;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:4px solid #3c3c3c;
  background-color:#333;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.7);
  -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.7);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.7);
}
.comments .comment .comment-thread.inline-thread {counter-reset:number}
.comments .comment .comment-thread.inline-thread .comment:after {
  font-size:18px;
  line-height:30px;
  width:30px;
  height:30px;
}
.comments .comment:hover:after {
  background-color:#600;
  border-color:#900;
  color:white;
}
Penjelasan:
Klik pada teks Show Comments dibawah ini, untuk melihat Effek nomor komentar
Sumber by. SB77
Edited by. Myscript2010

1 comments Mys2010:

Myscript2010

Home Page
 
 

Copyright@2015

Copyright © Cibeber Cimahi