Cara Buat kolom Scroll Widget di Sidebar Blog

Saya yakin anda setiap orang yang mempunyai blog pasti ingin blognya kelihatan rapi dan cantik. Nah tips dan trik kali ini saya ingin memberikan triknya agar kolom sidebar kita terlihat lebih rapi 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>judul scroll widget</h2>


<div>


<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 310px; height: 100px; text-align: left;">

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

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

</div>

Catatan :


-Code Pertama ini kotak scroll widgetnya memiliki border.


-Angka 100 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.

Di atas cuma menampilkan 2 link dan judul yang anda pasang untuk menampilkan banyak link dan judul atau sesuai kebutuhan yang ingin anda pasang caranya copy code di bawah ini dan letakkan di atas kode </div>

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

Dan jadinya code keseluruhan akan seperti code di bawa ini

<h2>judul scroll widget</h2>


<div>


<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 310px; height: 100px; text-align: left;">

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

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

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

</div>

Nah !!! gampang kan cara buatnya, silahkan di coba semoga bermanfaat !.