Selamat Datang, terima kasih telah berkunjung."Disini kita bukan untuk saling bersaing, kita ada disini untuk saling melengkapi"

5 April 2012

Kotak komentar terpisah dari bagian lain

Berbagi Apa Saja   Kali ini saya akan membahas tentang cara Membuat Area Komentar Kotak Terpisah. Sebagai contoh saya ambil dari template saya ! mungkin template kamu berbeda tapi masih mirip-mirip kok ! Ini contoh gambar nya :

Area komentar kotak terpisah

Langsung aja yach ..

Masuk ke Blog kamu dengan ID kamu:

Kemudian Tata Letak

Langsung klik Edit Html

Untuk berjaga-jaga kalau gagal mengedit Backup template kamu klik aja Download Template Lengkap dan save !

Cari kode di bawah ini:

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}


Hapus kode di atas dan ganti dengan kode ini :

#comments h4 {
background:#EAE9E9;
margin:1em 0;
font-weight: bold;
font-family:"Trebuchet MS";
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000000;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
border:0px dotted #ccc;
}
#comments-block .comment-author {
color:#808080;
margin:.5em 0;
border-top:1px dotted #ccc;
}
#comments-block .comment-body {
text-align:justify;
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
border-top:0px dotted #ccc;
font-size:9px;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.comments {
background:#ffffff;
border:1px solid #6E6E6E;
margin:0 0 0.5em;
padding:0.5em;
}


Kalau sudah klik Simpan Template dan Selesai 

Silahkan utak-atik sendiri sesuaikan dengan template blog kamu !

Lihat Artikel Asli di 
http://www.bloginfonews.com/2010/06/membuat-area-komentar-kotak-terpisah.html

Disebarluaskan oleh : Joko Sun - "Berbagi Apa Saja"

Jokosun Kamu telah membaca artikel tentang Kotak komentar terpisah dari bagian lain. Kamu boleh copy paste artikel ini. Jika di bawah artikel ditulis sumbernya, cantumkan sumbernya, jika tidak mohon cantumkan kode di bawah ini:

0 komentar:

Posting Komentar

Pedang yang tajam mengakibatkan luka yang dalam. Namun kata-kata yang tajam bisa melukai hati. Hati yang luka lebih sukar untuk menyembuhkannya.