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>
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.
Show
0 Comments
prev
next
