Blogging All Right Now

Cara Memasang (Membuat) ScrollBar pada Kotak Komentar

ADSENSE HERE!
Cara Memasang (Membuat) ScrollBar pada Kotak Komentar - Fungsi dari pemasangan scrollbar pada kotak komentar ini adalah untuk memperkecil scrollbar browser. Jika Anda sering memperhatikan, banyak blog yang postingannya dikomentari oleh 'komentator', sehingga menyebabkan bentuk scrollbar browser menjadi kecil dan panjang, yang tentu saja mempersulit pengunjung blog untuk menjangkau bagian footerblog. Fungsi lainnya, ya tentu saja, untuk menambah keindahan desain blog Anda, dan membuatnya lain dari yang lain.
Berikut ini gambar preview scrollbar pada kotak komentar di blog.


Langkah - langkah memasang (membuat) scrollbar pada kotak komentar :
1.      Login ke akun Blogger Anda, lalu pilih Tata Letak.
2.      Buatlah sebuahbackup dari template blog Anda. Setelah itu, klik Edit HTML.
3.      Cari kode berikut (klik pada areal kode HTML yang muncul, lalu tekan ctrl + f):
<div class='comments' id='comments'>
4.      Jika sudah ketemu, hapus semua kode tersebut. Lalu ganti dengan kode berikut ini:
<div class='comments' id='comments' style='max-height:300px;overflow:auto;'>
5.      Terakhir, klik Simpan template.
Angka 300 menentukan panjang scrollbar. Semakin besar angka yang dimasukkan, semakin panjang ukuran scrollbar komentar. Gantilah sesuai dengan keinginan.Sekarang, coba tengok kotak komentar Anda. Apabila Anda mendapati sebuah scrollbar, selamat! Itu artinya percobaan Anda sukses. Selamat mencoba! Jangan lupa untuk mengklik tombol Google+1 dibawah, atau meninggalkan komentar. Salam blogger!
ADSENSE HERE!

No comments:

Post a Comment

loading...

Slider Posts

Labels

Backlink (11) Bisnis Online (7) Blogging Tips (60) DMCA (5) Domain (4) Economy (2) Email (2) Facebook (1) Feed (2) Google Adsense (26) Health (2) Hosting (1) Info (60) Malware (1) News (7) Paypal (2) Political (5) Religious (9) Technology (1) Tools (13) Trik SEO (12)

Blog Archive

Copyright © asdedz. All rights reserved. Template by CB. Theme Framework: Responsive Design
Disclaimer | Privacy Policy | Terms of Service