Malam ini sharingnya tentang Simple code scroller. Membuat scroll di kolom komentar sangat saya rasakan manfaatnya disaat saya harus menghemat ruangan blog supaya tidak memanjang kebawah. Namun ada juga sebagian orang yang memakai sarana scroll di komentar ini untuk stylish atau simple style pada blognya.
Terlepas dari itu semua, pastinya kita ingin sesuatu yang lebih untuk mempercantik kolom komentar kita, ingat..kolom komentar bukan form komentar.
Mengapa Simple code scroller ? ya karena kode yang akan kita pasang sedikit sekali. dan saya yakin anda juga pasti tertarik menggunakannya karena sangatlah tidak membuat berat blog.
1.Masuk ke blogger > Rancangan > Edit HTML > Centang
2.Cari dengan ctrl+f (find) kode yang kira-kira seperti berikut:
#comments {
Keterangan: kode diatas adalah section ID css untuk kolom komentar, tidak semua template sama seperti kode diatas. boleh juga anda mencari dengan # comments atau #comment atau #komentar, yang penting berada di atas kode ]]></b:skin> .silahkan mencoba.
3.Setelah ketemu, letakkan kode di bawah ini tepat di bawah kode #comments tadi:
(sesuaikan ukuran tinggi yang berwarna merah dengan keperluan anda)
Sehingga bentuknya kira-kira seperti berikut:
4.Lalu simpan template, dan lihat hasilnya pada posting anda yang sudah mempunyai komentar minimal 2 buah.
Silahkan baca juga Cara membuat scroll Bar pada posting blog, jika anda memerlukan suatu variasi posting yang bertujuan supaya posting anda tidak terlalu memanjang kebawah, karena kode untuk membuat scroll di posting blog dan kode membuat scroll di kolom komentar ini berbeda caranya.
Terlepas dari itu semua, pastinya kita ingin sesuatu yang lebih untuk mempercantik kolom komentar kita, ingat..kolom komentar bukan form komentar.
Mengapa Simple code scroller ? ya karena kode yang akan kita pasang sedikit sekali. dan saya yakin anda juga pasti tertarik menggunakannya karena sangatlah tidak membuat berat blog.
1.Masuk ke blogger > Rancangan > Edit HTML > Centang
2.Cari dengan ctrl+f (find) kode yang kira-kira seperti berikut:
#comments {
Keterangan: kode diatas adalah section ID css untuk kolom komentar, tidak semua template sama seperti kode diatas. boleh juga anda mencari dengan # comments atau #comment atau #komentar, yang penting berada di atas kode ]]></b:skin> .silahkan mencoba.
3.Setelah ketemu, letakkan kode di bawah ini tepat di bawah kode #comments tadi:
height:220px;
overflow:auto;
(sesuaikan ukuran tinggi yang berwarna merah dengan keperluan anda)
Sehingga bentuknya kira-kira seperti berikut:
4.Lalu simpan template, dan lihat hasilnya pada posting anda yang sudah mempunyai komentar minimal 2 buah.
Silahkan baca juga Cara membuat scroll Bar pada posting blog, jika anda memerlukan suatu variasi posting yang bertujuan supaya posting anda tidak terlalu memanjang kebawah, karena kode untuk membuat scroll di posting blog dan kode membuat scroll di kolom komentar ini berbeda caranya.
Review:
Judul | Cara membuat scroll di kolom komentar blog |
Deskripsi | Malam ini sharingnya tentang Simple code scroller . Membuat scroll di kolom komentar sangat saya rasakan manfaatnya disaat saya harus mengh... |
Author | Unknown |
Author Rating |
4/
5 Suara Dari 1001 Ulasan
|
Dapatkan artikel menarik lainnya : Klik disini
8 komentar sudah masuk. Silahkan menambahkan tanggapan lain...
Thank's atas ilmunya
Iya masama Bocah Badak
Om, dah capek klanang-klenong ga nemu2.
Request dong membuat 3 kolom dibawah footer buat blog kami.
Atas perhatiannya Terima kasih.
Salam
dhicomp: langsung aja ke link ini om: http://caraonline.blogspot.com/2011/10/cara-membuat-2-3-4-kolom-footer-blog.html
Disana saya sharing tentang cara membuat footer column sebanyak 2, 3, atau 4 kolom.
@Arminnyoba
nice
makasih gan...
mampir ya...
http://gambuses.blogspot.com/
sobat izin coba ya.....