Membuat Comments Avatar Bingkai Bulat

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

Anda baru saja membaca artikel yang berkategori Tutorial Blogger dengan judul Membuat Comments Avatar Bingkai Bulat. Anda bisa bookmark halaman ini dengan URL http://dyenps.blogspot.com/2013/02/membuat-comments-avatar-bingkai-bulat.html. Terima kasih!
Ditulis oleh: Unknown - Friday, February 15, 2013
Comments
1 Comments

1 Komentar untuk "Membuat Comments Avatar Bingkai Bulat"

Followers

Proudly powered by : Blogger
Copyright © 2011. Duta PLaystation - All Rights Reserved
Blog By : Dyen PS
Template Editing by Blog Anak Bima