Menu


Menu Tab

Pages

Showing posts with label Effek Nomor Komentar. Show all posts
Showing posts with label Effek Nomor Komentar. Show all posts

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

Myscript2010

Home Page
 
 

M2010

Copyright © Cibeber Cimahi