[BLOG ORANG IT] Cara menambahkan scrooll pada widget blog

CARA MEMBUAT SCROLL DALAM WIDGET BLOGGER


Selamat Datang di Blog Orang IT . Ada kalanya anda ingin memasang sebuah widget diblog namun ukuranya 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 dinilai mengganggu tampilan blog juga mengganggu letak widget dibawahnya . Solusinya mudah kita bisa memberikan fungsi scroll pada widget yang ingin diperpendek ukuranya namun tidak mengurangi isinya

Dengan menambahkan scroll pada widget anda bisa menetapkan ukurang panjang sesuai keinginan , meskipun jumlah konten bertambah banyak pemilik tidak perlu khawatir widget tersebut ukuranya 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 berjalanya waktu posisi widget arsip akan semakin tinggi / panjang dan mendorong widget penting dibawahnya . Oleh karena itu saya menambahkan fungsi scroll pada widget arsip agar tampilanya lebih rapi . 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 label 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  arsip blog

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 diatas silahkan disimpan dan lihat hasilnya

Ini adalah contoh hasilnya di Blog Orang IT , dari dulu saya memang suka menampilkan widget arsip blog agar pengunjung bisa dengan mudah mencari artike menarik berdasarkan bulan disetiap tahunya , selain meningkat waktu kunjungan / traffic visit length penambahan widget arsip juga membantu eksplorasi artikel menarik lainya 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 keinginan sampai bertemu diartikel lainya kunjungi terus blog orang it untuk membaca artikel menarik


--
Posting oleh Blogger ke BLOG ORANG IT pada 4/25/2018 07:00:00 AM

Subscribe to receive free email updates:

0 Response to "[BLOG ORANG IT] Cara menambahkan scrooll pada widget blog"

Posting Komentar