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!!!