Jumat, 29 Juni 2012

You are here : Home » WIDGET BLOG » Membuat Widget Scroll

Membuat Widget Scroll

Apa itu widget scroll ?? Hmmphh apa ya....
Mending Agan langsung lihat contohnya deh. hehehe


Widget scroll ini kurang lebihnya berfungsi untuk menyimpan kumpulan link dalam satu wadah agar menjadi lebih hemat ruang. Cara membuatnya, Agan cukup salin kode ini ke blog Agan.

<div style="height: 125px; overflow: auto; padding: 10px; width: 250px;"><ul>
<li><a href="alamat link artikel 1">Judul 1</a></li>
<li><a href="alamat link artikel 2">Judul 2</a></li>
<li><a href="alamat link artikel 3">Judul 3</a></li>
<li><a href="alamat link artikel 4">Judul 4</a></li>
<li><a href="alamat link artikel 5">Judul 5</a></li>
<li><a href="alamat link artikel 6">Judul 6</a></li>
<li><a href="alamat link artikel 7">Judul 7</a></li>
<li><a href="alamat link artikel 8">Judul 8</a></li>
</ul>
</div>

Perhatikan :

1.height: 125px =  itu adalah ukuran tinggi scroll. Agan bisa menggantinya sesuai selera. Misal menjadi 250px. 300px. Terserah.

2. width: 250px = itu adalah ukuran lebar scroll.

3. alamat link artikel = masukkan alamat link postingan/artikel Agan di situ.

4. judul = masukkan judul artikelnya.

5. Klik SIMPAN. Selesai.

Oya, Agan bisa meperbanyak jumlah isian pada scroll itu sampai berapa pun jumlahnya dengan cara menambahkan kode berikut.

<li><a href="alamat link artikel 9">Judul 9</a></li>
<li><a href="alamat link artikel 10">Judul 10</a></li>

Bebas sebanyak-banyaknya terserah Agan. Yang terpenting jangan lupa, harus diakhiri dengan kode berikut.

</ul>
</div>

Met berpusing ria

1 komentar: