Cara membuat Icon Blogger Comments berbentuk bulat di Blogger Threaded Coment

membuat icon blogger comment menjadi bulat ternyata lebih menarik, daripada tampilan sebelumnya yang hanya berbentuk bujur sangkar, hanya dengan menambahkan beberapa kode script saja di atas ]]></b:skin> ternyata sudah bisa dilihat dengan secara maksimal, tidak hanya dengan bentuk bulat saja tapi juga ada efek shadownya juga. anda bisa mencobanya dengan langkah - langkah seperti di bawah ini :

1. masuk ke akun blog anda
2. klik menu template
3. klik edit html
4. dan cari kode ]]></b:skin> (gunakan ctrl + f atau f3 agar lebih cepat)
5. kemudian masukkan kde berikut tepat diatasnya


.comments .avatar-image-container{

max-height:50px;
max-width:50px;
height:50px;
width:50px;
border-radius:29px;
padding:2px;
border:2px solid #ccc;
box-shadow:-1px -1px 1px #444,2px 2px 4px #444;
background:#888;
margin:2px 4px 2px 2px;
}
.comments .avatar-image-container img{
width:50px;
max-width:50px;
height:50px;

max-height:50px;
border-radius:25px;
border:0 solid #fff !important;
}
.comments .comment-block{
margin-left:75px;
}


6. selesai dan klik save. dan lihat ke dalam blog anda yang terdapat comment. untuk demonya bisa dilihat di blog ini yang terdapat comment. atau anda bisa comment artikel yang ini untuk melihatnya

Tweet

Fb

Postingan terkait:

Ditulis Raka — Friday, September 27, 2013 — Add Comment — Tutorial