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.

Unknown

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

Tidak ada komentar:

Posting Komentar