Membuat fungsi scroll widget Asli bawaan blogger

Membuat fungsi scroll widget Asli bawaan blogger apakah bisa? yupz benar sekali hal itu bisa di lakukan. Nah kali ini saya akan mencoba berbagi informasi tentang cara Membuat fungsi scroll pada widget Asli bawaan blogger. Caranya berikut ini:

1. Pastikan login ke blogger dulu

2. Masuk ke rancangan atau design kemudian masuk ke Edit HTML

3. cari kode seperti berikut ini:

<b:widget id='CustomSearch1' locked='false' title='' type='CustomSearch'/>
<b:widget id='HTML5' locked='false' title='Choos Your Language' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Label1' locked='false' title='Category' type='Label'/>

Sebagai contoh yang akan dibuat fungsi scroll adalah widget label maka yang harus di lakukan adalah mencari ID dari widget label, nah dalam kode diatas ID dari widget label saya tandai dengan diberi warna merah..

4. Setelah itu kopi kode berikut ini:

/* fungsi scroll */
#Label1 .widget-content{height:300px;width:auto;overflow:auto;border: 0px solid #177E06;padding: 5px;}
/* fungsi scroll end */

Kode Label1 ini ganti dengan ID widget yang akan anda beri scroll

5. Taruh kode diatas tepat diatas kode ]]></b:skin>

6. Jika widget yang akan diberi scroll lebih dari satu, anda tinggal mengkopinya dibawahnya, dan id nya diganti dengan widget yang bersangkutan Contohnya:

#Label1 .widget-content{height:300px;width:auto;overflow:auto;border: 0px solid #177E06;padding: 5px;}
#HTML5 .widget-content{height:300px;width:auto;overflow:auto;border: 0px solid #177E06;padding: 5px;}
(dan seterusnya)

7. jangan lupa simpan template

Keterangan:
height:300px = ukuran tinggi widget setelah diberi scroll
width:auto = ukuran lebar widget saya buat auto bila mau diubah tinggal ganti auto dengan misal 300px dan lainnya sesuai kebutuhan.
border: 0px solid= bila mau ada bordernya silahkan ganti 0px menjadi 1px, 2px atau terserah selera anda. Bila anda ingin merubah warna border, rubah kode warna html setelah tag solid (diatas saya tandai dengan warna biru) maka menjadi semisal border: 1px solid #000000 untuk warna border hitam, contoh warna-warni kode html sudah pernah saya posting sebelumnya DISINI....

Oke kalau begitu demikian saja tipnya semoga ada gunanya....

Posted by Fayes Cool » Rating 4.5 » at Saturday, July 30, 2011

Postingan Terkait