Judul : Area komentar dalam kotak terpisah
link : Area komentar dalam kotak terpisah
Area komentar dalam kotak terpisah
Setelah berlarian kesana- kemari. ke blog sana ke blog itu....lelah tapi mau bagaimana lagi soalnya waktu itu template blogku rusak dan perlu di edit-edit lagi..... akhirnya aku bersandar sebentar sejenak di blognya bang del sambil belajar-belajar memahami tutorial-tutorialnya. wah....ternyata banyak yang berhasil. asyik..senangnya hatiku...[he he he]. Berkat om Google semuanya jadi good and good. Setelah kemarin share tentang cara membuat area posting dalam kotak terpisah dan juga area sidebar dalam kotak terpisah, sekarang saya share bagaimana cara membuat area komentar dalam kotak terpisah. Jadi tujuannya adalah membuat antara area posting dan komentar terlihat terpisah. masih bingung..langsung saja kita coba:
- Log in ke akun Blogger teman-teman
- Pada Dashboard pilih Tata Letak - Edit HTML
- Jangan lupa centang kotak Expand Template Widget
- Untuk mengantisisapi back Up dulu template teman- teman dengan mengklik Download Template Lengkap
- Cari kode yang mirip seperti di bawah ini: [setiap template mungkin berbeda]
#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 lalu ganti dengan kode di bawah 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;
} - Klik Simpan Template
- selesai
Demikianlah Artikel Area komentar dalam kotak terpisah
Sekian Area komentar dalam kotak terpisah, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.