banner
banner CN
Kunjungi Blog Baru Kami di PROZONAS.COM

Senin, 13 Desember 2010

Home » » Cara Membuat Widget Dengan Fungsi Scroll

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

 

Saling Follow Sobat

Blog Directories

W3 Directory - the World Wide Web Directory



© Copyright 2010. Catatan Ngeblog . All rights reserved | Powered by Blogger.com | Template by zoomtemplate.com - Modified by Catatan Ngeblog
Al Qur'an