Cara Gampang Menciptakan Scrolling Widget Di Blog

Widget gulir atau scrolling widget umumnya dipakai untuk menghemat ruang di blog untuk penempatan widget. Sehingga ukuran widget di blog dapat sesuai dengan ruang blog yang dibutuhkan, namun widget isi tetap sesuai dengan ukuran aslinya, kita hanya perlu menggulir ke atas-bawah atau kesamping kanan-kiri untuk melihat keseluruhan dari isi widget. Widget ini biasa dipakai untuk menempatkan blog archive, recent post, random post, menempatkan tutorial instruksi ataupun widget lain supaya ukurannya menyesuaikan ruang pada blog.

Anda dapat menciptakan dan menghias widget scrolling ini sesuai impian anda mulai dari backgroundnya, lebar, tinggi, border, padding, margin dll. Apakah anda masih gundah dengan widget gulir atau scrolling widget ini, berikut tampilannya:

Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini. Contoh scrolling widget, tempatkan isi widget disini.

Cara menciptakan nya cukup gampang anda tinggal ikuti tutorial berikut:
  • Masuk atau log in ke akun blogger anda/ Tata Letak/ tambahkan gadget/ HTML
  • Atau kalau anda ingin memasangnya di halaman posting masuk ke mode HTML
  • Masukkan instruksi berikut ini, kesudahannya akan ibarat teladan diatas, anda dapat mengeditnya sesuai impian anda sendiri:

<div style="background: #222; border: 5px solid #ddd; color: white; height: 200px; margin: 0px; overflow: auto; padding: 5px; text-align: left; width: 610px;"> Tempatkan goresan pena anda/ instruksi widget anda disini </div>

  • Simpan
Catatan:
  • Background: Latar belakang scroll widget
  • Border: Garis tepi luar widget
  • Color : Warna tulisan
  • Height: Tinggi widget
  • Margin: Jarak tepi luar dengan widget lain
  • Padding: Jarak goresan pena dengan garis tepi
  • Width: panjang widget
Nah gampang kan buat scrolling widget, anda tinggal mengedit tampilan widget tersebut sesuai kebutuhan atau sesuai dengan impian anda, semoga artikel diatas bermanfaat bagi anda, kalau ada pertanyaan, saran maupun aksesori silahkan berkomentar di kotak komentar.