Jika ingin menampilkan tulisan atau daftar link yang cukup banyak, maka tidak mungkin jika dipasang begitu saja di gadget karena akan memakan banyak tempat dan tidak terlihat rapi, Salah satu cara untuk meringkasnya yaitu dengan membuat scroll box untuk daftar2 link tsb.
Cara Membuatnya kotak seperi diatas pada widget adalah:
-Login ke Blogger
-Pilih Rancangan >> Elemen Laman
-Tambah gadget >> Pilih HTML javascript
-Copy paste kode di bawah ini
<h2 class="title">Judul Scroll Box</h2>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 280px; height: 160px; text-align: left;">
<li> <a href="link anda" target="new'">Teks yang muncul</a></li>
<li> <a href="link anda" target="new'">Teks yang muncul</a></li>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 280px; height: 160px; text-align: left;">
<li> <a href="link anda" target="new'">Teks yang muncul</a></li>
<li> <a href="link anda" target="new'">Teks yang muncul</a></li>
<li> <a href="link anda" target="new'">Teks yang muncul</a></li>
</div>
</div>
-Kemudian Simpan, Selesai
Keterangan:
Border 0px adalah tebal garis pembatas, ganti angka 0 jika ingin menggunakan border
width: 280px adalah lebar kotak
height: 160px adalah tinggi / panjang kotak
Selamat mencoba, semoga bermanfaat
1 komentar:
Ternyata gampang, makasih mas..
Posting Komentar