membuat scroll widget di sidebar blogger

Share |
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 :
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.
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 Bloggger
</a></li>

<li> <a href="link anda"
target="new'">Cara Buat Scroll
Widget Di Blogger
</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 !.

BACA JUGA YANG INI




0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

jangan cuma baca plend, silahkan berkomentar tentang artikelnya.. di tunggu plend. dilarang berkomertar berbau SARA !!!

LIST COMMUNITY