Cara Membuat Blogroll Scrolling Otomatis dan Scrolling Manual

CARA MEMBUAT BLOGROLL SCROLLING OTOMATIS DAN MANUAL

Buat tampilan judul artikel postingan seperti ini..
Kirimkan Ini lewat Email BlogThis! Berbagi ke Twitter Berbagi ke Facebook Berbagi ke Google Buzz
Diposkan oleh Andi Wong Label: Mau Tau
Bookmark and Share

Artikel BLogRoLL ini saya buat karena ada keluhan dari beberapa sobat2 BLogger mengenai BLogRoLL Scrolling Otomatis di Blogku.. krn ada yang komentar kurang lebih kayak gini nich.. "Boss.. ko' link blog-ku egk tampiL2 di BLogRoLL Scrolling-Mu.. Linknya malah berulang-ulang mulai dari abjad A sampe C aja tpi egk sampe abjad Z.. ? " .. Naaaah kenapa bisa begitu..

...Ber-Ulang-Ulang dari A sampai C aja..MySpace ..Waaa....MySpace..heuum..

Okay baru sekarang saya mempunyai kesempatan untuk membahas masalah ini & semoga bisa menjadi jawaban dari pertanyaan sobat2 blogger sekalian.. Setelah beberapa waktu diselidiki.. saya obrak-abrik tuh scripts-nya ..mungkin ada tuch sobat2 yang liat BlogRoll saya error pas Blog Walking ke blog-ku.. Sory yaa.. Hehehe .. serta beberapa cara yang lain juga di coba lalu di testing..

Jadi menurut asumsi saya BlogRoLL yang pake metode Scrolling Otomatis yaitu Link Teks/Banner yang bergerak otomatis, misal dari bawah ke atas.. ;
1. Mulai bermasalah ketika kamu memiliki banyak link text/banner yang kamu add ke dalam Blogroll Scrolling Otomatis..
2. Bisa juga karena Net-nya LemOt..
3. Tunggulah dahulu sampai Loding page-nya slesai ..nanti juga blogroll scrolling Otomatisnya akan bekerja dengan normal..
4. Berikan waktu untuk Gadget Blogroll scrolling Otomatisnya untuk benar2 loading dengan sempurna..karena gadget ini memerlukan waktu cukup lama agar Teks/banner ter-scrolling semuanya..

Contoh Metode BlogRoLL Scrolling Otomatis...



LINK BANNER
wong284

LINK TEXT
A
NaMa BLOG 1

NaMa BLOG 2
B
NaMa BLOG 3
NaMa BLOG 4
C
NaMa BLOG 5
NaMa BLOG 6
=END=


dan ini code scriptsnya sbb ;

<div><center><table border="1" width="180" cellpadding="2" height="100"><tbody><tr><br /><td align="left"><br /><marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="100"><br/><center><b><br/>LINK BANNER<br /><br/><a href="http://ecaknyo.blogspot.com/"><img alt="wong284" width="150" src="http://images.cooltext.com/953583.gif" height="15" /></a><br /><br/><br />LINK TEXT<br /><br/><br />A<br /><br/><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 1</a><br /><br/><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 2</a><br/>B<br/><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 3</a><br/><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 4</a><br/>C<br/><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 5</a><br/><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 6</a><br/>=END=</b></center></marquee></td></tr></tbody></table></center></div>

Berikut ini cara membuatnya, langkah-langkah.. sbb ;
1. Loginlah di blogger.. buka blog kamu di bagian Tata Letak..
2. Klik Tambah Gadget.. Pilih Text HTML / Scripts.. lalu copy-paste Script di atas.. Save
3. Kemudian Lihat tampilannya di Blog kamu / di refreshing dulu blognya..

Ket :
<center> = Membuat posisi text menjadi Center
<b> = Membuat text menjadi BOLD
<br/> = Spasi, Memberi jarak antar text.. atau tidak usah memakai jika ingin Link text /banner nya Ber-iringan
<Scroll Amount ="2" = Ini membuat rentang waktu kecepatan gerakan scroll-nya Link text / banner.. semakin besar nilai (angka) maka semakin cepat gerakan Scroll-nya
border="3" = Ini membuat border (kotak) BlogRoll .. semakin besar nilai (angka) maka semakin tebal border-nya

Scripts Link Banner
<a> href="http://ecaknyo.blogspot.com"><img width="150" alt="wong284" src="http://images.cooltext.com/953583.gif" height="15"/></a>

Ket:
img width="150" = Ukuran lebar banner kamu
height="15" = Ukuran tinggi banner kamu


Scripts Link Text
<a> href="http://ecaknyo.blogspot.com/">NaMa BLOG 2</a>

Ket:
warna Biru = Ganti dengan alamat URL Blog kamu / blog temenmu
warna Merah = Ganti dengan Nama Blog kamu / Nama blog temenmu
warna Hijau = Ganti dengan URL image banner kamu


MySpace... Tapi kalo sobat2 sekalian enggak mau di pusingkan dengan problem BlogRoll Scrolling Otomatis ini.. Solusinya Saya sarankan Lebih baik menggunakan metode BlogRoll Scrolling ManuaL seperti yang saya gunakan sekarang.. di bawah ini sudah ada kode scripts-nya.. Silahkan di coba.. ;-)

Contoh Metode BlogRoLL Scrolling Manual Biasa...



LINK BANNER
wong284

LINK TEXT
A
NaMa BLOG 1
NaMa BLOG 2
B
NaMa BLOG 3
NaMa BLOG 4
C
NaMa BLOG 5
NaMa BLOG 6
=END=

dan ini code scriptsnya sbb ;

<div><center><div style="border: 3px solid rgb(153, 153, 153); overflow: auto; width: 180px; height: 200px; text-align: center;"><br /><br /><b>LINK BANNER<br /><a href="http://ecaknyo.blogspot.com/"><img alt="wong284" src="http://images.cooltext.com/953583.gif" width="150" height="15" /></a><br /><br />LINK TEXT<br />A<br /><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 1</a><br /><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 2</a><br />B<br /><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 3</a><br /><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 4</a><br />C<br /><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 5</a><br /><a href="http://ecaknyo.blogspot.com/">NaMa BLOG 6</a><br /></b><b>=END=</b><b><br /></b></div></center></div><br />

Langkah2nya pengerjaannya sama seperti yang saya terangkan sebelumnya..

NOTE : Code Scripts BlogroLL ini bisa kamu modifikasi sesuai keinginan kamu.. be creatif sob.. :-)

Post by Doel Piero.