Memang terkadang kalau di pikir pikir fungsi
ini penting juga unutk di terapkan di blog kita sobat,, mengapa ?..selain
karena lebih menghemat halaman blog kita juga akan di lihat lebih praktis dan
rapi. menurut saya sih..!!.
So Langsung ajach bagi sobat yang ingin menerapkan scroll pada gadged/widged berikut tutorial gratisnya,,hehe..!!
cara pertama
1. Buka Pengaturan blogspot anda, Rancangan, Elemen Laman. Silahkan anda tambahkan widget baru dengan klik Tambah Gadget, lalu pilih html/javascript.
2. Berikan judul dan pada pada bagian content letakkan kode seperti ini :
3. Letakkan kode anda diantara kode div diatas, terakhir save dan lihat hasilnya..!!
Cara Kedua
>> Buka Pengaturan, Rancangan, Edit Html. Lalu cari nama widget yang hendak anda jadikan scroll, Misalkan saja disini Archive blog, maka saya akan cari tulisan BlogArchive.
>> Tambakahan kode CSS berikut ini diatas ]]></b:skin>
>> Usahakan yang berwarna merah harus sama dengan nama widget yang hendak anda jadikan scroll. atau agar namanya tidak keliru coba sobat cari nama nama widget di HTML.
So Langsung ajach bagi sobat yang ingin menerapkan scroll pada gadged/widged berikut tutorial gratisnya,,hehe..!!
cara pertama
1. Buka Pengaturan blogspot anda, Rancangan, Elemen Laman. Silahkan anda tambahkan widget baru dengan klik Tambah Gadget, lalu pilih html/javascript.
2. Berikan judul dan pada pada bagian content letakkan kode seperti ini :
<div
style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px
solid #999999;">
Masukan Kode Widget Anda Disini
</div>
Masukan Kode Widget Anda Disini
</div>
3. Letakkan kode anda diantara kode div diatas, terakhir save dan lihat hasilnya..!!
Cara Kedua
>> Buka Pengaturan, Rancangan, Edit Html. Lalu cari nama widget yang hendak anda jadikan scroll, Misalkan saja disini Archive blog, maka saya akan cari tulisan BlogArchive.
>> Tambakahan kode CSS berikut ini diatas ]]></b:skin>
#BlogArchive .widget-content{
height:200px;
width:auto;
overflow:auto;
}
height:200px;
width:auto;
overflow:auto;
}
>> Usahakan yang berwarna merah harus sama dengan nama widget yang hendak anda jadikan scroll. atau agar namanya tidak keliru coba sobat cari nama nama widget di HTML.
Cara keTiga
- Pada Edit html template blogspot, silahkan anda cari widget yang hendak anda berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode div class='widget-content' (agar mudah tekan CTRL+F).
- Tambahkan kode style='overflow:auto; height:230px' disamping kode div class='widget-content' Sehingga menjadi:
<div
class='widget-content' style='overflow:auto; height:230px'>
3.Pratinjau dulu atau langsung save terserah anda...!!
Nah,, gimana mudah bukan membuat Scrool pada widged blog..!! kalau menurut aku sih yang paling mudah menggunakan cara yang pertama . karena hanya merubah HTML javascript nya saja, udah deh selesai,, dan cara yang nomor satulah yang saya terapkan di blog saya.
kalau begituw okelah sahabat blogger samdisisni dulu tips dari saya semoga postingan kali ini bermanfaat untuk semua..!!
Tak lengkap rasanya bila sobat mampir kemari tanpa meninggalkan Komentar terkait Artikel di atas, (No Spam). Dengan begitu saya akan mampir & comment balik untuk anda seorang Blogger. - Salam