Jumat, 15 Agustus 2014

Cara Membuat Scroll WIdget

Cara Membuat Scroll Box Widget

Kalian pasti agak kesal kan karena widget feedjitnya itu terlalu panjang. Nah, kali ini saya akan men-share caranya dengan membuat Scroll Box. Contohnya seperti ini :
Pertama-tama silahkan buka blogger.com dan masuklah ke dashboardnya. Lalu setelah itu silahkan ke panel Tata Letak.

Lalu silahkan copy kan kode script html ini ke widget sobat. Atau jika belum punya bisa klik Add widget.

kode 1

    <div align="left"> <table border="2" style="width: 300px;"><tbody> <tr> <th colspan="100%" scope="col">JUDUL DISINI</th> </tr> <tr><td><div style="font-family: arial; font-size: 12px; height: 100px; overflow: scroll; width: 300px;"> <div style="overflow: hidden; padding: 0 px; text-align: left; width: 100%;"> KODE WIDGET DISINI</div> </div> </td></tr> </tbody></table> </div>

Atau jika tidak bisa memakai kode 1 silahkan pakai kode 2
 

kode 2

    <div style="height: 100px; overflow: auto; width: 300px;"> KODE WIDGET DISINI </div>


Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan: width:300px  > silahkan rubah ukuran lebar Scroll Box sesuai keinginan sobat
             height:100px > silahkan rubah ukuran tinggi Scroll Box sesuai keinginan sobat


Jika sudah klik simpan dan silahkan lihat website anda untuk memastikan apakah sudah benar-benar ada scroll nya nanti kira-kira jadinya seperti begini :
Demikian yang bisa saya sampaikan mohon maaf apabila ada kesalahan sampai jumpa dan salam SUKSES

Tidak ada komentar:

Posting Komentar