Thursday, August 11, 2011

Tips Membuat Widget Brogroll dengan Efek Scroll

Tutorial kali ini saya buat atas permintaan sobat kita Shinobi Blog. Mengenai apa itu Blogroll tidak perlu saya jelaskan karena saya yakin sobat-sobat blogger pasti tahu apa itu blogroll kan? (hari gini g kenal blogroll.hehee).

Oke cukup ngocehnya langsung dipraktekin saja (sudah hampir menjelang sahur nich perut juga pada laper.haha).

1. Silahkan login ke blog anda
2. Klik Rancangan > Elemen Laman > Tambah Gadget > HTML/JavaScript
3. Kemudian silahkan anda copas kode di bawah ini

<div style="overflow: auto; width: 230px; height: 200px; padding: 10px; border:1px ridge #eee; color:#ccc;">

1. <a href="http://urlblogtemanAnda" target="_blank">nama blog teman anda</a><br />

2. <a href="http://urlblogtemanAnda" target="_blank">nama blog teman anda</a><br />

3. <a href="http://urlblogtemanAnda"target="_blank">nama blog teman anda</a><br />

4. <a href="http://urlblogtemanAnda"target="_blank">nama blog teman anda</a><br />

5. <a href="http://urlblogtemanAnda"target="_blank">nama blog teman anda</a><br />

</div>

Keterangan:
width: 230px;       > lebar halaman
height: 200px;      > tinggi halaman
padding: 10px;     > padding digunakan untuk mengatur batas antara garis border dengan content (isi)

4. Jangan lupa klik Simpan dan hasilnya bisa sobat lihat pada Bloggroll saya dibawah halaman ini.

Semoga bermanfaat.


Related Post

2 comments:

Mohon tinggalkan jejak/komentar sobat disini. Dilarang SPAM. Okey...