Area komentar dalam kotak terpisah

Area komentar dalam kotak terpisah - Hallo Sob Jody Blog, artikel kali ini berjudul Area komentar dalam kotak terpisah, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Area komentar dalam kotak terpisah
link : Area komentar dalam kotak terpisah

lihat juga


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




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.

Anda sedang membaca artikel Area komentar dalam kotak terpisah dan artikel ini url permalinknya adalah https://caratutorialgratis.blogspot.com/2009/12/area-komentar-dalam-kotak-terpisah.html Semoga artikel ini bisa bermanfaat.

Related Posts :