Cara Membuat Widget Dengan Fungsi Scroll

Scroll berfungsi untuk membuat widget dalam blog lebih ringkas, seperti widget artikel terkait atau widget lain yang memiliki banyak konten. Dengan menggunakan fungsi scroll pada widget membuat tampilan blog lebih tertata rapi, dan lebih menghemat tempat di blog.

Pada kesempatan kali ini saya ingin sharing cara membuat widget dengan fungsi scroll. Caranya simple, Sobat hanya perlu menambahkan sedikit kode pada widget sobat. Untuk lebih jelasnya ikuti langkah-langkah berikut.

---

1. Login ke akun blog Sobat


2. Kemudian pilih Layout


3. Pada Page Element pilih/klik Add a Gadget --> HTML/Javascript


4. Copy paste kode berikut ke dalam kotak content
   
   

   <h2 class="title">TULIS JUDUL KOTAK SCROLL DISINI</h2>
   <div class="widget-content">
   <div style="border: 0px solid #F5003D; overflow: auto; width: 310px; height: 200px; text-align: left;">
   
   ISI DENGAN WIDGET, LINK, GAMBAR, ATAU TEKS
   
   </div>
   </div>

Note :

• #F5003D; : Kode Warna border kotak scroll widget. Kode Warna


• width: 310px; : Lebar kolom Widget scroll.


• height: 200px; text-align: left;"> : Tinggi kolom widget scroll.

Sekian Semoga Bermanfaat....

by ooG_4u

Klik Tombol "SKIP AD" (setelah 5 detik) Untuk Link Download yang Menggunakan Fasilitas AdF.ly

Senin, 13 Desember 2010 | |

Recomended Post

Berikan Kritik, Saran atau Tanggapan melalui Komentar Sobat