1 Cara Membuat Scroll Pada Widget Blog

Sreen Shoot

Setelah sebelumnya postingan ™Rahman Blog ™membahas cara memberi scroll pada arsip blog, kali ini postingan Max's Blog akan kembali membahas tentang scroll atau baris penggulung, khususnya cara memberi scroll pada widget yang ada disidebar ataupun footer blog. 

Dalam membuat scroll pada widget blog, ada banyak cara yang dapat kita praktekan. Namun kali ini Max's blog akan membagikan cara yang tidak sulit, yakni membuat scroll pada widget blog dengan cara menambahkan kode CSS didalam template.

Berikut cara membuat scroll pada widget blog :

• Login Ke akun Blogger sobat.
• Jika sudah berada di Dasbor Blogger, Pilih Template. Kemudian pilih lagi Edit HTML.
• Centang kotak Expand Template widget, Kemudian cari nama / judul widget yang akan diberi scroll (Nama / judul widget seperti popular posts ataupun widget lainnya).
• Cari kode <div class='widget-content'> yang letaknya tepat dibawah nama / judul widget tersebut.
• Selanjunya tambahkan kode <div style='overflow:auto; width:ancho; height:100px;'> (angka 100 adalah tinggi widget, silahkan sesuaikan dengan keinginan sobat) tepat dibawah kode yang dicari pada nomor 4 tadi.
• Sedikit kebawah, cari lagi kode <b:include name='quickedit'/>, jika sudah ketemu tambahkan kode </div> tepat dibawahnya. penggabungan kode tersebut kurang lebih seperti ini.

Kode dalam kotak yang berwarna merah adalah kode yang ditambahkan, sedangkan kode dalam kotak yang berwarna biru adalah nama / judul widget.

yang terakhir Klik Save / Simpan.
Mudah - mudahan postingan Cara Membuat Scroll Pada Widget Blog ini dapat bermanfaat bagi sobat blogger sekalian.

RB Related Post: