Membuat fungsi scroll widget Asli bawaan blogger

Komentar Baru

On Apr 01 عبير القحطان commented on koleksi gambar serangga bernama gareng: “شركة رواد الحرمين الموقع الرائد فى عالم الخدمات المنزليه والاول بالمملكه العربيه السعوديهلما يتمتع…”

On Nov 18 Anonymous commented on dapat banyak dolar dari vagex 87380: “Perfect Solution provides the best floor solution service with the best price for PU Flooring,…”

On Oct 26 Ismail Estate commented on beberapa penyedia auto backlink: “Nice article for backlink ”

On Sep 09 Anonymous commented on gambar hot gadis cewek panas tanpa: “off white shoesoff white outlet onlinepalm angels outletpalm angels hoodieoff whitesupreme t…”

On Jun 29 psbd commented on dapat banyak dolar dari vagex 87380: “Perfect Solution provides the best floor service with the best price for Epoxy resin floor coating…”

On Dec 05 Anonymous commented on manfaat mangkokan sebagai tanaman obat: “جرافيت دهاناتدهان جرافيت خارجي”

On Dec 05 Sojib Hossan commented on dapat banyak dolar dari vagex 87380: “Expotech is the leading high quality PU Flooring in Bangladesh, waterproofing, floor hardener…”

On Sep 23 Anonymous commented on sejarah fayescoolblogspotcom: “خرید لایک اینستاگرام”

On Sep 18 Anonymous commented on sejarah fayescoolblogspotcom: “خرید فالوور واقعیخرید فالوور اینستاگرام”

On Sep 18 Anonymous commented on sejarah fayescoolblogspotcom: “خرید فالوور فیک”

On Aug 31 caner commented on koleksi gambar gadis manis santai: “https://saglamproxy.commetin2 proxyproxy satın alknight online proxymobil proxy satın alJQJ5”

On Jul 01 mens watch commented on ganbar naruto shippuden episode 299: “Ketemu lagi di fayescool.blogspot.com yang pada kesempatan yang berbahagia ini akan mencoba share…”

On May 28 Anonymous commented on sitemaps: “Nice post thank you Antonio”

On Dec 26 canlı poker siteleri commented on koleksi gambar gadis manis santai: “Success Write content success. Thanks. betmatik betpark canlı slot siteleri betturkey deneme…”

On Dec 22 Anonymous commented on foto hot panas feby febiola: “kyrie irving shoesoff white shoesnike travis scottyeezy 380kyrie shoesgolden goose officialyeezy…”

On Dec 16 sportsbet commented on koleksi gambar gadis manis santai: “Good content. You write beautiful things. mrbahis taksi mrbahis hacklink hacklink sportsbet korsan…”

On Nov 24 Jeffry Saifullah commented on cara menghapus tulisan powered by: “nice post, visit my blogJejelab.com”

On Jun 02 Anonymous commented on koleksi gambar gadis manis santai: “tuzla samsung klima servisipendik alarko carrier klima servisikadıköy toshiba klima servisimaltepe…”

On Apr 22 manga commented on beberapa penyedia auto backlink: “X2MANGA - Free online manga reading website is updated every day. Read HOT manga, latest manga, new…”

On Apr 19 Anonymous commented on beberapa penyedia auto backlink: “Birds Name: List of Birds Name in English, Hindi, Sanskrit with Pictures at englishtivi.com: 50…”

Browse » Home » Blog tip N trik » 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

Blog tip N trik

NOTE : Bila anda suka artikel Membuat fungsi scroll widget Asli bawaan blogger diatas, berilah komentar. Saya tidak menggunakan kode captcha ataupun moderasi komentar yang bikin boring, jadi diharapkan tidak ada SPAM, dan harap tidak menggunakan kata-kata yang membuat orang lain jengkel saat membacanya. Disarankan pilih Name/URL...