Home » » cara membuat scroll gadget pada Blog

cara membuat scroll gadget pada Blog

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 :


<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
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;
}

>>  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 


  1. 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). 
  2. 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..!!


Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Fanatik Global
Yuk, Berlangganan Via email
Anda baru saja membaca artikel yang Berjudul : cara membuat scroll gadget pada Blog » Silahkan bookmark jika Artikel ini bermanfaat, atau copy Artikel ini dengan menyertakan link berikut.




Komentar ya Sobat

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

Next Posts Previous Posts home