Merubah Model Kotak Komentar Blogspot

Merubah Model Kotak Komentar Blogspot

Posted by Robi Armansyah

Jika sobat bosan dengan model kotak kolum komentar blog yang itu-itu saja tidak ada salah untuk mencoba merubahnya saya akan share model css kolum komentar yang cukup bagus, bisa untuk memodifikasi model komentar blog atau pun untuk pun untuk yang membuat template model css kotak komentar berikut dapat di gunakan di tambahkan di atas </b:skin> template.
Model kolom komentar ini sudah di lengkapi dengan antara pembeda Admin blog.

Cara  Merubah Model Column Komentar Blog
  1. Login akun blogger
  2. Buka menu tab Template pilih edit template
Masukan kode Css berikut di atas </b:skin>
.comment .avatar-image-container {
border: 2px solid #333;
max-height: 70px !important;
margin-top: -5px;
width: 70px !important;
position: relative;
z-index: 50;
}
.comment .comment-block {
margin-left: 75px !important;
}
.comment .comment-header {
background: none repeat scroll 0 0 #A9F5D0;
color: #333;
font-size: 15px;
font-weight: bold;
margin-left: 60px;
}
.comment .comment-header a {
color: #333 !important;
text-decoration: none;
}
.comment .comment-content {
background: none repeat scroll 0 0 #FEFFF9;
border-bottom: 2px solid #E6E6E6;
font-size: 14px;
margin: 0 0 30px;
padding: 5px 5px 10px 10px;
}
.comment .comment-actions a {
background: none repeat scroll 0 0 #DDD;
color: #333;
display: inline-block;
line-height: 1;
margin: 0 3px;
padding: 3px 6px !important;
text-decoration: none;
}
.comment .comment-actions a {
background: none repeat scroll 0 0 #DDD;
color: #333;
display: inline-block;
line-height: 1;
margin: 0 3px;
padding: 3px 6px !important;
text-decoration: none;
}
.comment-header cite {
background: none repeat scroll 0 0 #DF7401;
border: 1px solid white;
color: white;
padding: 2px 20px;
position: relative;
z-index: 99;
margin-left: -20px;
}
cite.blog-author {
background: none repeat scroll 0 0 #8181F7 !important;
}
.icon.blog-author {
position:absolute;top:2px;right:5px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px
}

.comment .comment-header {
color: #333;
font-size: 15px;
font-weight: bold;
}

.comment .avatar-image-container img {
border: medium none !important;
height: 70px !important;
width: 70px !important;
max-height: 70px !important;
max-width: 70px !important;
}
.comment .comment-actions a {
background: none repeat scroll 0 0 #DDD !important;
color: #333 !important;
display: inline-block !important;
line-height: 1 !important;
margin: 0 3px !important;
padding: 3px 6px !important;
text-decoration: none !important;
font-size:16px;
}
.comment .comment-actions a:hover {
background: #CCC !important;
text-decoration: none !important;
}

.comments {
font-family: 'Philosopher', arial, serif !important;
font-size: 1em;
color: black;
}
.comments .continue a { 
display: block !important;
font-weight: bold !important;
padding: .5em !important;
color:#E34600;
font-size:16px;
}
.comments .continue a:hover {color:#4D3123;text-decoration:none;}
.item-control {
display: none !important;
}
.comments .continue {
border-top: 2px solid transparent !important;
}
Dan lihat hasilnya, kotak komentar blog sobat sudah berhasil di modifikasi.
Selamat mencoba.

Ditulis Oleh : Robby Armansyah

DMCA.com Protection StatusAnda baru saja membaca artikel dengan judul Merubah Model Kotak Komentar Blogspot. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.
✚

1 komentar:

Subscribe to:Post Comments (Atom)