Anda pasti ingin membuat Blog anda menjadi ringan dan tampilannya seminimalis mungkin? , Kali ini saya akan membagikan Cara Membuat Scroll Pada Widget Blogroll. Memang sekarang ini orang telah gencar membuat situs semakin SEO dan Seminimalis mungkin agar tampilannya elegan, namun tidak membuat pembaca tidak kabur dari blog tersebut.
Berikut
ini merupakan salah satu cara agar widget blog pada tampilan Blogroll
menjadi Minimalis dengan adanya efek scroll. Dan tnpa panjang lebar
berikut caranya.
Caranya :
- Pertama anda harus tahu widget mana yang akan diberi scroll caranya, silahkan anda masuk ke Menu Tata Letak sentuh cursor
di tulisan edit pada widget yang akan anda beri scroll. Pada bagian
bawah akan terlihat nama widget, lihat pada gambar di bawah ini sebagai
contoh, nama widget-nya adalah PopularPosts1.
- Setelah anda mengetahui nama widgetnya, maka anda masuk ke Menu Template dan pilih Edit HTML.
- Jangan lupa centang pada bagian kotak Expand Widget Template.
- Lalu cari kode di bawah ini, agar lebih mudah gunakan tombol ctrl+F.
Anda bisa juga menggunakan ini, masih dengan cara Edit HTML namun berbeda dalam penempatan kodenya, silahkan disimak.
- Cari kode "Title" yang ingin di buat scroll, misalnya disini saya ambil contoh widget dengan nama "My Blogroll" (gunakan Control F atau F3).
- Perhatikan kode yang ada di bawah, kurang lebih seperti ini :
....<b:widget id='BlogList1' locked='false' title='My Blogroll' type='BlogList'><b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>......
- Perhatikan yang berwarna merah
- Anda Tinggal menambahkan saja code dibawah ini :
style='overflow:auto;height:100px'
Sehingga keseluruhannya akan tampak seperti ini :
....<b:widget id='BlogList1' locked='false' title='My Blogroll' type='BlogList'><b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='ddsddata:title != ""'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content' style='overflow:auto; height:100px'>.......
- Selesai, Simpan Template dan lihat hasilnya
- Untuk Height dapat di ganti sesuai ukuran tinggi yang diinginkan. 100px, 150px, 250px, dan sebagainya
Tentu juga tips diatas dapat juga digunakan pada widget
lain seperti Arsip Blog, Kategoriblog dan lainnya, kita hanya mencari
Kode Judul widget tersebut.
title='Judul widget'
Jika ada kesalahan kesalahan kode pada tips diatas harap tinggalkan komentar dibawah ini, dan sekian.
