Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

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 «

4 komentar:

  1. Matur nuwon Mas atas ilmuny.... moga bermanfaat untuku dan lainnya....

    BalasHapus
  2. Komentar ini telah dihapus oleh pengarang.

    BalasHapus

 
GR | Edited by | gubhug reyot