Cari Artikel Blog Ini

Total Tayangan Laman

MENAMBAHKAN FASILITAS SCROLL BAR PADA KOMENTAR

Komentar pengunjung pada sebuah postingan, semakin lama akan semakin bertambah sehingga halaman yang berisi postingan tersebut akan kelihatan memanjang kebawah. Hal itu tentu saja akan mengganggu keindahan penampilan blog.
Untuk mengatasi masalah tersebut, EPG Studio telah memposting artikel yang berjudul : KOMENTAR PENGUNJUNG AKAN TAMPIL JIKA DI KLIK. Berarti tampilan komentar akan selalu tersembunyi jika kata Lihat/Tutup Komentar tidak di klik oleh pengunjung.
Usaha lain yang dapat anda lakukan agar komentar pengunjung tampil tidak memanjang yaitu dengan memanfaatkan fasilitas Scroll Bar pada bagian komentar sebuah blog.
Bagi anda yang ingin menggunakan trik MENAMBAH FASILITAS SROLL BAR PADA KOMENTAR, silahkan ikuti langkah-langkahnya :
  • Masuk ke Blogger.
  • Pilih Rancangan
  • Pilih Edit HTML
  • Cari kode untuk pengaturan komentar seperti di bawah ini :

    /* Comments
    ----------------------------------------------- */
    #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;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    .feed-links {
    clear: both;
    line-height: 2.5em;
    }

    #blog-pager-newer-link {
    float: $startSide;
    }

    #blog-pager-older-link {
    float: $endSide;
    }

    #blog-pager {
    text-align: center;
    }

  • Copy kode dibawah ini kemudian paste pada bagian kode diatas.


    #comments {
    height:300px;
    overflow:auto;
    }


    Kode tambahan boleh diletakkan diatas kode #comments h4 { atau dimana saja, asal masih berada dibagian komentar.
  • Kode height:300px; boleh anda ganti dengan tinggi scroll bar yang anda inginkan
  • Setelah selesai kilk tombol Simpan Template
  • Selamat mencoba, semoga berguna...!!!

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
2 Comments

2 komentar :

YUSRON BLOG mengatakan...

mas, kalo bisa gak kalo scrollnya itu cuma komennya, jadi kotak komentarnya tetep gitu,,,

osi mengatakan...

Maaf komentarnya melenceng dari posting...dari dulu saya cari cara Buat Artikel Terkait...dah 4 macam situs yang menjelaskan hal ini...dah dah dicoba semua...tapi artikel terkaitnya gak bisa tampil di bawah postingan...dah putus asa,akhirnya saya letakkan widget recent post dibawah posting.

Ka ades tau solusi atau penyebabnya ga....

Terimakasih ka Ades

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!