Sunday, July 26, 2009

Cara Buat kolom Scroll Widget di Sidebar Blog

Saya yakin anda setiap yang mempunyai blog pasti ingin blognya kelihatan rapi dan cantik. Nah di tutorial kali ini saya ingin memberikan triknya agar kolom sidebar kita terlihat lebih menarik dengan memasang widget scroll, nah supaya widget tersebut bisa di sesuaikan dgn halaman blog maka kita perlu kolom scroll widget ini.


Cara Membuatnya Adalah :
1-Log in ke account blogger anda.
2-Click tata letak---tambah halaman ----pilih HTML/JAVA SCRIPT.
3-Copy pastekan kode di bawah ini ;
<h2 class="title">isi judul di sini</h2>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 310px; height: 150px; text-align: left;">

<li> <a href="link anda" target="new'">Teks yang tampil</a></li>

<li> <a href="link anda" target="new'">Teks yang tampil</a></li>

</div>
Catatan :
A-Code Pertama ini kotak scroll widgetnya memiliki border.
-Angka 150 adalah ukuran tinggi kotak scroll widget, bisa anda ganti dengan ukuran yang anda inginkan.
-Ganti URL/Link yg ditulis dengan warna merah dengan link yang ingin anda pasang.
-Ganti tulisan yg berwarna hijau dengan judul link yg anda pasang.
-Jika ingin pasang banner atau widget di dalam scroll bos ini, anda tinggal hapus script link dan ganti dengan script banner yang akan anda pasang.
B-Code yang kedua seperti yang di bawah ini, kotak scroll widgetnya tidak memiliki border.Codenya adalah :
<h2 class="title">TULIS JUDUL KOTAK SCROLL DISINI</h2>
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 310px; height: 200px; text-align: left;">

<li> <a href="link anda" target="new'">Cara Buat Scroll Widget Di Blog</a></li>

<li> <a href="link anda" target="new'">Cara Buat Scroll Widget Di Blog</a></li>

</div>
-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.
-Jika ingin meletakkan widget atau banner ke dalam kotak scroll ini, ganti saja script link dengan script widget atau banner anda.
Nah !!! gampang kan cara buatnya, silahkan di coba semoga bermanfaat !.

No comments:

Post a Comment