Seperti pada salah satu widget yang
ada pada blog saya ini, fungsi scroll yang sederhana namun banyak sekali
manfaatnya. Salah satunya adalah untuk menampilkan widget agar tampak
lebih ringkas mungkin karena terbatasnya tempat. Kotak scroll widget ini
walau sangat sederhana ini cukup ampuh untuk menjadikan blog anda
tertata rapi karena banyak widget yang ingin kita pasang di blog tetapi
ukurannya tidak sesuai dengan ukuran sidebar atau kolom template kita,
nah supaya widget widget tersebut bisa di sesuaikan dgn halaman blog
maka kita perlu kolom scroll widget ini.
Cara buatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :
<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;">
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
</div>
</div>
Keterangan :
+ Angka 310 adalah lebar kolom widget scroll, bisa anda ganti dengan ukuran yang sesuai dengan kolom template anda.
+ Angka 200 adalah tinggi kolom widget scroll, bisa anda ganti juga.
+ Ganti URL/Link yang berwarna merah dengan link yang ingin anda pasang.
+ Ganti judul link yg berwarna hijau dengan judul link yang anda pasang.+ Kode #F5003D adalah kode warna border kotak scroll widget, bisa anda ganti dengan kode warna yang sesuai dengan selera Anda
+ Jika ingin meletakkan widget atau banner ke dalam kota scroll ini, ganti saja script link dengan script widget atau banner anda.
4. Klik Simpan dan selesai.
Nah !!! gampang kan cara buatnya, silahkan di coba semoga bermanfaat.
sumber : http://www.seby-antoe.com/2009/09/membuat-widget-tampil-dengan-scroll.html
Cara buatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :
<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;">
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>
</div>
</div>
Keterangan :
+ Angka 310 adalah lebar kolom widget scroll, bisa anda ganti dengan ukuran yang sesuai dengan kolom template anda.
+ Angka 200 adalah tinggi kolom widget scroll, bisa anda ganti juga.
+ Ganti URL/Link yang berwarna merah dengan link yang ingin anda pasang.
+ Ganti judul link yg berwarna hijau dengan judul link yang anda pasang.+ Kode #F5003D adalah kode warna border kotak scroll widget, bisa anda ganti dengan kode warna yang sesuai dengan selera Anda
+ Jika ingin meletakkan widget atau banner ke dalam kota scroll ini, ganti saja script link dengan script widget atau banner anda.
4. Klik Simpan dan selesai.
Nah !!! gampang kan cara buatnya, silahkan di coba semoga bermanfaat.
sumber : http://www.seby-antoe.com/2009/09/membuat-widget-tampil-dengan-scroll.html
Tidak ada komentar:
Posting Komentar