Cara Mudah Membuat Scrolling Widget Di Blog

Widget gulir atau scrolling widget umumnya digunakan untuk menghemat ruang di blog untuk penempatan widget. Sehingga ukuran widget di blog bisa 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 digunakan untuk menempatkan blog archive, recent post, random post, menempatkan tutorial kode ataupun widget lain agar ukurannya menyesuaikan ruang pada blog.

Anda bisa membuat dan menghias widget scrolling ini sesuai keinginan anda mulai dari backgroundnya, lebar, tinggi, border, padding, margin dll. Apakah anda masih bingung 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 membuat nya cukup mudah anda tinggal ikuti tutorial berikut:
  • Masuk atau log in ke akun blogger anda/ Tata Letak/ tambahkan gadget/ HTML
  • Atau jika anda ingin memasangnya di halaman posting masuk ke mode HTML
  • Masukkan kode berikut ini, jadinya akan seperti contoh diatas, anda bisa mengeditnya sesuai keinginan 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 tulisan anda/ kode 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 tulisan dengan garis tepi
  • Width: panjang widget
Nah mudah kan buat scrolling widget, anda tinggal mengedit tampilan widget tersebut sesuai kebutuhan atau sesuai dengan keinginan anda, semoga artikel diatas bermanfaat bagi anda, jika ada pertanyaan, saran maupun tambahan silahkan berkomentar di kotak komentar.

1 comment:

  1. makasih infonya gan, untuk pemasangan di dalam halamn posting htmlnya di copykan ke bagian mana?

    ReplyDelete

Ketentuan Berkomentar:

1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan


                                                                                                   Terima Kasih, Admin Tips & Cara