Senin, 20 Agustus 2012

Cara Membuat Avatar Comments Menjadi Bulat

preview

hi sob udah 1 hari neh gk ngepost di karenakan sirahturahmi ke sodara sodara saya ^_^, nah mumpung sekarang saya lagi Ol saya mw berbagi tips neh biarpun waktunya mepet huft (-?-) , oke tips ini bertujuan untuk membuat avatar komentar kita menjadi Bulat(rounded) dan trick saya dapatkan disini .oke langsung saja berikut caranya..

sebelumnya neh gambar previewnya

preview
1. Seperti biasa login blog
2. Setelah itu Template -> Edit HTML -> Expand Widget HTML
3. lalu Cari kode ]]></b:skin>
4. dan pastekan kode berikut ini di atas kode ]]></b:skin>
.avatar-image-container,
.avatar-image-container img {
    max-width: 50px !important;
    width: 50px !important;
    max-height: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border: 0px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
}

.avatar-image-container{
    border:3px solid #fff !important;
    -webkit-box-shadow: 0 1px 2px #BBB;
    -moz-box-shadow: 0 1px 2px #BBB;
    box-shadow: 0 1px 2px #BBB;
}
 5. Lalu Save dan lihat hasilnya ^_^

0 komentar:

Posting Komentar