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 
Selamat mencoba dan keep blogging always untuk mrngisi aktivitas kosong kita. O iya saya hampir lupa untuk melihat previewnya langsung bisa melihat di blog saya. klik salah satu artikel di daftar isi lalu cermati antara kotak area posting dan Komentarnya. Jika teman- teman kurang srek atau ingin memodifikasi kotak komentar tadi kita tinggal sedikit mengutak- atik apa yang mau diutak atik. he he he. semoga berhasil. Jangan lupa komentarnya ya!!!



Bookmark and Share

Posted by: Mas Eko
Download info - Tips trik - update - sharing, Updated at: 19:07

9 - komentar:

Aku Tidak Juga Kau said...

keren nih, jadi terkotak-kotak

arydayak said...

thanks infonya

Didik M.A said...

dayak:
ouw sama- sama sobat...
selamat mencoba dan jangan segan- segan untuk kembali mampir ke blog ini.

Toriq said...

sip

maen jg y ke my blog http://kodokebonceng.blogspot.com/
mksih

Nuno said...

Terimakasih tutorial membuat area komentar dalam kotak terpisah

toko bunga said...

Tutornya mudah dimengerti, terimakasih

cara meningkatkan percaya diri said...

sepertinya bagus ya memisah antara kotak komentar terpisah dengan postingan...makasih ya sobat..

Usaha Masa Depan said...

mantap infonya

flash card gratis said...

thanks info gan

Post a Comment

Tiada gading yang tak retak, baka banyak pula hal yang salah dari aku. maka, tinggalkan walau hanya secoret komentar sebagai lankah ke depanku untuk lebih maju

NO SPAM NO PORN!