Home » » Cara membuat Scrollbar Pada Gadget

Cara membuat Scrollbar Pada Gadget

Written By AiRa LoKa on Kamis, 07 Maret 2013 | 17:15


     Bagi anda para blogger, tetapi anda memiliki gadget di blog yang sangat panjang dan sangat membuat anda risih dan tampilan blog anda menjadi benar-benar tidak menarik. Disini saya akan membagikan langkah-langkahnya.

     Sebenarnya caranya sangat mudah. Tetapi akan sangat berpengaruh pada tampilan blog anda. Yang perlu anda ketahui adalah judul dari gadget yang akan diberi scrollbar agar tidak membuat blog anda menjadi terlihat panjang. nah, tanpa basa-basi lagi, Langsung saja..
Cek It Out.....

1.  Masuk ke Blogger > Dashboard Blogger > Telmplate > Edit HTML. Jangan lupa untuk mencentang "Expand template widget". Seperti biasanya kita harus memBACKUP template kita terlebih dahulu.

2.  Cari judul dari gadget anda yang akan diberi scrollbar(gunakan F3 atau Ctrl+F untuk mempermudah pencarian). Disini saya akan menambahkannya pada Link Sahabat. Jadi saya harus mencari kata link sahabat.



3.  Setelah ketemu, langkah selanjutnya adalah dengan menambahkan kode style='overflow:auto; height:200px' setelah kode <div class='widget-content' dan hasilnya akan menjadi <div class='widget-content' style='overflow:auto; height:200px'>.


Anda bisa mengubah tinggi gadget anda dengan mengganti kode yang berwarna merah.

Selamat Mencoba!

0 komentar:

Posting Komentar

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.

AiRa LoKa - Blog of tutorials

Konversi Kode di Sini!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger