Membuat Comments Avatar Bingkai Bulat

Modifikasi comments avatar dengan backgound bingkai bulat :
1. Login ke Blogger
2. Template - Edit HTML
3. Centang kotak kecil pada - Expand Template Widget
4. Cari kode ]]></b:skin>

dan letakkan kode berikut diatasnya

.comments .avatar-image-container{
        max-height:50px;
        max-width:50px;
        height:50px;
        width:50px;
        border-radius:29px;
        padding:2px;
        border:2px solid #0011FF;
        box-shadow:-1px -1px 1px #444,2px 2px 4px #444;
        background:#FF52E00;
        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 #00AEFF !important;
}
.comments .comment-block{
        margin-left:75px;
}

5. Selesai dan simpan template

Keterangan :
Teks warna biru adalah warna dari background dan border komentator, silahkan ganti dengan warna sesuaikan selera anda. Untuk memudahkan mencari kode warna silahkan Klik Disini

Tentang Penulis

SISWONO. Adalah Operator Sekolah di Kecamatan Kroya. Semua tulisan disini berdasarkan pengalaman pribadi dan juga sharing dari blog lain. Maaf jika ada Kesalahan Dalam Menulis Artikel Mohon Di Maklumi.
Follow aku di Twitter, Facebook atau di Halaman FB

Posted in: TUTORIAL BLOG