Cara Termudah Buat Scroller Box Kolom Komentar Blog

Meskipun beberapa waktu sebelum ini telah terpostingkan cara membuat scroller box di kolom komentar, namun kali ini kita akan dengan cara berbeda yang terhitung paling mudah, cepat dan praktis. Dalam tempo sekejap akan jadilah sebuah scroller box yang menjadi wadah bagi seluruh bagian kolom komentar. Penggunaan scroller box ini akan membuat halaman blog menjadi lebih ringkas karena komentar yang masuk berikut semua hal yang berhubungan dengan komentar akan ditampilkan dalam ukuran terbatas. Ketinggian scroller dapat diatur sesuai selera blogger.

Cara Membuat Scroller Box di Kolom Komentar Blog BloGGeR - BlogSPOT

Cara I ♦ Seluruh Kolom Komentar dalam 1 Scroller Box

Kode CSS Scoller Box I :

#comment{
     max-height:400px;
     overflow:auto;
     }

1. Login to BloGGeR.
2. KLIK link Layout/Tata Letak atau Design/Rancangan.
3. KLIK link Edit HTML.
4. Cari kode ]]></b:skin>. Letakkan kode CSS Scroller Box I tepat di atas kode ]]></b:skin>.
5. KLIK SAVE Template/Simpan Template.
6. Buka Blog (Open Blog) dan lihat hasilnya.

Cara II ♦ Kolom Komentar Dibagi dalam 2 Scroller Box

Kode CSS Scoller Box II :

#comments-block{
     max-height:400px;
     overflow:auto;
     border:2px solid #555;
     }
.comment-form{
     max-height:330px;
     overflow:auto;
     border:2px solid #555;
     }

1. Langkah yang harus dilakukan sama seperti pada pemasangan Scroller Box I.
2. Letakkan kode CSS Scroller Box II di atas kode ]]></b:skin>.

Keterangan/Catatan :

1. Gunakan Ctrl+F saat mencari kode di halaman Edit HTML supaya lebih mudah dan lebih cepat. Untuk membaca panduan penggunaan Ctrl+F di ketiga browser yang paling banyak digunakan saat ini, silahkan KLIK link di bawah ini :
   Panduan Cara Cepat Mencari Kode HTML Blog.
2. Atur ketinggian scroller (height) dengan merubah nilai max-height:...px;.
3. Beberapa kode CSS juga bisa ditambahkan untuk membuat penampilan kolom komentar supaya terlihat lebih menarik.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

• 
• 

» Happy Blogging - gubhugreyot «