Label

cari dolar di internet

Selasa, 15 Januari 2013

Cara buat scroll pada widget blog

Setelah sebelumnya postingan Max's 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. 
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 :

  1. Login Ke akun Blogger sobat.
  2. Jika sudah berada di Dasbor blogger, Pilih Template. Kemudian pilih lagi Edit HTML.
  3. Centang kotak Expand Template widget, Kemudian cari nama / judul widget yang akan diberi scroll (Nama / judul widget seperti popular posts ataupun widget lainnya).
  4. Cari kode <div class='widget-content'> yang letaknya tepat dibawah nama / judul widget tersebut.
  5. 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.
  6. Sedikit kebawah, cari lagi kode <b:include name='quickedit'/>, jika sudah ketemu tambahkan kode </div> tepat dibawahnya. penggabungan kode tersebut kurang lebih seperti ini.

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

  8. yang terakhir Klik Save / Simpan.
Mudah - mudahan postingan cara membuat scroll pada widget blog ini dapat bermanfaat bagi sobat blogger sekalian.

Tidak ada komentar:

Poskan Komentar