http://saaqinah.blogspot.com/p/alhamdulillah.htmlwww.saaqinah.blogspot.comhttp://www.saaqinah.blogspot.com/2013/12/tutorial-blog-unyu-unyu.html#morehttp://saaqinah.blogspot.com/p/blog-page_23.htmlhttp://saaqinah.blogspot.com/p/komputer.htmlhttp://saaqinah.blogspot.com/p/catatan-muslimah.htmlhttp://saaqinah.blogspot.com/p/unduh.html

Kotak Komentar Cute




Ini tutorial cara mempercantik kotak komentar.. ikuti langkah-langkah berikut:
/*Comments
Sudah ketemu ? 
kalo sudah, hapus kode yang ada dibawah kode tersebut tapi harus teliti ya menghapusnya, lihat dulu kode yang dihapus.

COpy kode berikut dibawah kode di atas.
 #comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URL IMAGE BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #F97E7E;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

Kode berwarna merah ganti dengan URL Background kotak komentar yang anda inginkan, cari DISINI
KOde berwarna biru, ganti dengan kode warna sesuai keinginan anda.

Preview Template, jika sudah menjadi.. Simpan Template dan Refresh Blog anda....

1 comment: