1. Login Blogger
2. Kemudian pilih Template > Edit HTML > Proses 3. Cari kode ]]></b:skin>
4. Copy dan pastekan kode di bawah ini tepat di atas kode ]]></b:skin>
.comment-block{5. Save Template dan lihat hasilnya sobat
position:relative;
padding:8px;
border:1px solid #ddd;
border-radius:4px;
}
.comment-block:hover{
background:#f3f3f3;
border:1px solid #999;
box-shadow:4px 4px 4px #444;
}
.comment-block .icon.blog-author{
position:absolute;
right:0;
bottom:0;
opacity:0.2;
filter:alpha(opacity=20);
background-color:lightblue;
background-position:bottom right;
width:100% !important;
height:100% !important;
margin:0 !important;
}
.comment-block:hover .icon.blog-author{
background-color:transparent;
width:20px !important;
height:20px !important;
opacity:1.0;
filter:alpha(opacity=100);
}
Selamat mencoba sobat, silahkan komen dibawah ini jika da pertanyan. Good Luck ^_^
Sign up here with your email
3 komentar
Write komentarsingkat amat, penjelasannya mana ?
ReplyItu singkat diatas sob :)
Replythanks
ReplyBerkomentarlah sesuai konten. NO SARA, NO SPAM, NO LINK AKTIF dan semacamnya.
Terima kasih.
Conversion Conversion Emoticon Emoticon