Widget HTML #1

Cara menambahkan tombol scroll pada widget blog


CARA MEMBUAT SCROLL DALAM WIDGET BLOGGER





Selamat Datang di Blog Orang IT . Ada kalanya anda ingin memasang sebuah widget diblog namun ukuran nya terlalu panjang dan semakin panjang seiring bertambahnya jumlah konten di blog , jika anda seorang blogger aktif seperti saya pasti hal tersebut menjadi kendala karena selain ukuran widget yang dinilai mengganggu tampilan blog juga mengganggu letak widget dibawahnya . Solusinya mudah kita bisa memberikan fungsi scroll pada widget yang ingin diperpendek ukuran nya tanpa mengurangi isinya





Dengan menambahkan scroll pada widget anda bisa menetapkan ukuran panjang sesuai keinginan , meskipun jumlah konten bertambah banyak pemilik tidak perlu khawatir widget tersebut ukuran nya akan semakin panjang karena disebelah kanan otomatis akan muncul tombol scroll jadi pengunjung tetap bisa melihat versi penuh dari widget yang terpasang diblog





Beberapa waktu lalu Blog Orang IT ingin menambahkan widget " arsip blog " karena blog ini update artikel setiap hari katakanlah dalam sebulan jumlah artikelnya bertambah 25 buah berarti seiring berjalan nya waktu posisi widget arsip akan semakin tinggi / panjang dan mendorong widget penting dibawahnya . Oleh karena itu saya menambahkan fungsi scroll pada widget arsip agar tampilan nya lebih rapih . Menurut saya fungsi widget arsip blog itu penting karena membantu pengunjung untuk menavigasi ke tautan lama dengan lebih mudah , hal ini terlihat dari pantauan google webmaster bahwa ada sebagian visitor yang mengunjungi halaman arsip





Cara membuat scroll pada widget blogger



Jika dilihat dari cara memasang fungsi scroll , widget blogger dibagi menjadi 2 yaitu widget default bawaan blogger yang tidak terdapat menu editing script di tataletak namun harus diedit langsung dari menu tema - edit html





Kemudian ada widget yang ditambahkan oleh pengguna langsung ditataletak - tambahkan widget - html / javascript , widget ini biasanya bisa langsung dimodifikasi langsung tanpa harus membuka editor template





Cara memasangkan scroll pada kedua jenis widget diatas pastinya berbeda namun tetap terdapat kesamaan yaitu disertai kode  "overflow:auto;" tanpa kutip agar ukuran widget ini nantinya menyesuaikan template





1. Menambahkan scroll pada widget bawaan blogger





Pertama silahkan anda tambahkan widget bawaan blogspot , misalnya saya ingin memasang arsip blog , kita lihat title nya atau judul dari widget itu adalah  blogarchive1





Kemudian pergi menuju menu tema - edit html - cara judul widget misal arsip blog - disini saya dapatkan id nya adalah blogarchive1 silahkan disimpan dulu





Lalu kita cari kode ini dalam template blog ]]></b:skin> , setelah itu letakkan script dibawah ini tepat diatasnya



#Blogarchive1 .widget-content{


height:230px;


width:auto;


overflow:auto;

}


Cara menambahkan scrooll pada widget blog




Pada tulisan berwarna merah silahkan disesuaikan dengan id widget blog masing-masing , kemudian untuk height bisa disesuaikan panjangnya misal saya pilih 230 - 350 dst





2. Menambahkan scroll pada widget tambahan





Menuju menu tata letak - tambahkan widget atau pada widget yang sudah ada klik edit - setelah itu pilih html/javascript - tambahkan kode HTML berikut



<div style="overflow:auto; width:100%px; height:200px;">


-------KODE WIDGETNYA-------


</div>



Jadi , kode dari widget tambahan misal random post / komentar recent dll diapit oleh kode html diatasnya silahkan disimpan dan lihat hasilnya





Ini adalah contoh hasil widget arsip blog dengan scrolling di Blog Orang IT , dari dulu saya memang suka menampilkan widget arsip blog agar pengunjung bisa dengan mudah mengeksplore artikel menarik berdasarkan arsipnya perbulan , selain meningkatkan waktu kunjungan / traffic visit length , penambahan widget arsip juga membantu pengunjung menemukan artikel menarik lain jadi tidak ada ruginya




Cara menambahkan scrooll pada widget blog1




Nah itu dia bagaimana cara menambahkan label pada widget diblogspot blogger semoga bermanfaat jika ada yang ingin bertanya atau menambahkan silahkan berkomentar yang relevans dibawah akan saya jawab sesuai kemampuan sampai bertemu diartikel lain nya , silahkan bookmark blog orang it untuk mendapatkan update terbarunya

Pegawai Kantoran dan Pekerja Serabutan Online
Pegawai Kantoran dan Pekerja Serabutan Online "Apabila anak adam (manusia) telah meninggal dunia, maka terputuslah amalnya darinya, kecuali tiga perkara, yaitu sedekah jariyah (sedekah yang pahalanya terus mengalir), ilmu yang bermanfaat, atau anak saleh yang selalu mendoakannya." (HR Muslim No. 1631)

Posting Komentar untuk "Cara menambahkan tombol scroll pada widget blog"