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
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;
}
* 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
Klik pada teks Show Comments dibawah ini, untuk melihat Effek nomor komentar
Sumber by. SB77
Edited by. Myscript2010
Edited by. Myscript2010