Saturday, January 12, 2013

Cara membuat scroll pada area komentar blog

Cara membuat Scroll pada area komentar blog -  Pembuatan scroll pada area komentar sebenarnya sudah banyak yang mempostingnya, tapi tidak masalah. Mudah-mudahan tutorial ini ada gunanya bagi yang belum mengetahuinya. Kotak scroll pada komentar ini sebenarnya sangat berguna sekali, terutama bagi blognya sudah banyak yang berkomentar, dengan memasangnya akan menghemat kolom komentar sehingga tidak terlalu panjang sampai ke bawah.


Nah bagi yang ingin menerapkannya pada blog anda, ikuti saja caranya :

Seperti biasa masuk ke akun blogger >> Lalu klik rancangan >> lalu klik Edit HTML.
Kemudian cari kode berikut #comments-block{ . Gunakan tombol Ctrl+F untuk mempermudah pencarian. (Jangan lupa sebelumnya centang Expand Widget dan salin template anda untuk jaga-jaga). Sehingga kode lengkapnya sepeti ini :

#comments-block{border:0px dotted #ccc;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}
Selanjutnya hapus kode diatas tadi dan ganti dengan kode seperti di bawah ini :
#comments-block{max-height:300px;border:1px solid#eee;overflow:auto;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}

Keterangan : 
Tinggi scroll adalah 300 px ,sedangkan tebalnya border adalah 1 px ,untuk warna border adalah yang #eee . Hal-hal itu dapat anda ganti dengan selera masing-masing.
Terakhir Sava Template anda.
Demikianlah  Cara membuat Scroll pada area komentar blog, semoga ada manfaatnya. Jangan lupa Like-nya yah.
 

ads

Ditulis Oleh : Alimstudio Hari: 8:53 AM Kategori:

0 comments:

Post a Comment

Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih

 

Kategori

Daftar Isi

Blogger

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

14.Memasang Chating Pada Blogger

15.Membuat Burung Twitter Berterbangan

16.Membuat Website atau Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

Site Info

Free Page Rank Tool