Home » » cara Membuat Scroll Pada Widget Blog

cara Membuat Scroll Pada Widget Blog


Widget Blog


Scroll atau baris penggulung dalam kotak yang berwarna merah tersebut adalah contoh scroll yang ditambahkan pada widget blog. Pemasangan scroll tersebut dapat menghemat pemakaian tinggi ataupun lebar yang digunakan suatu gadget dalam 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.

Template blog



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.



sumber

1 komentar:

x - blogger yang baik meningal jejak dengan berkomentar
x - dilarang spam
x - kata-kata yang sopan dan baik
x - berkomentar menggunakan Name/URL
-> isikan nama anda
->URL di kosongkan -> klik lanjutkan

''_'' terima kasih sudah berkunjung ''_''

Translate

Followers

Me Gusta - Rage Face Comics

Visitor