Friday, June 10, 2011

Cara Pasang Animasi Text Blogroll Dengan Javascript.(Bukan Marquee)

Halo Sobat,

Mungkin kebanyakan dari anda bingung mau pasang blogroll marquee tapi bikin website lambat, nah saya punya solusi nih buat anda yang mau pasang blogroll yang gak boros tempat dan bisa mempercantik tampilan website anda.

Saya menamainya Animasi Text Blogroll. Terus tampilannya bagaimana? Jika anda melihat kotak Follow Me pada blog saya, dibawah ada kata teman. Nah tampilannya akan seperti itu. Lalu caranya gimana?

Gampang kok. Ikutin ya.

1. Masuk ke Blogger.com.
2. Terus Klik Design>>Page Element.
3. Klik Add a Gadget Pilih HTML/Javascript.
Masukin deh kode ini:

<script type="text/javascript">
var imgsa = new Array("Intuts","Habil","Kompas","Cayun");
var lnksa = new Array("http://intuts.blogspot.com","http://nsxcrew.blogspot.com/","http://kompas.com","http://tanpa-isi.blogspot.com/");
var alta = new Array();
var currentAda = 0;
var imgCta = 4;
function cyclea() {
  if (currentAda == imgCta) {
    currentAda = 0;
  }
document.getElementById('adLinka').innerHTML = imgsa[currentAda];
  document.getElementById('adLinka').href=lnksa[currentAda]
  currentAda++;
}
  window.setInterval("cyclea()",10000);
</script>
Teman : <a style="font-size:12px;color:#003366;font-family:verdana;" href="http://intuts.blogspot.com" id="adLinka" target="_new">Intuts</a>
Lihat kata  var imgsa itu bisa anda ganti dengan nama teman blogger anda, sedangkan var lnksa itu untuk link teman anda. Saya beri contoh seperti ini.
var imgsa = new Array("sobat1","sobat2","Sobat3","Sobat4");
var lnksa = new Array("http://sobat1.blogspot.com","http://sobat2.blogspot.com/","http://sobat3.com","http://sobat4.blogspot.com/");

Pada kata:
var imgCta = 4;
Sesuaikan dengan link yang ingin anda tambahkan. Kalau ada 4 tulis 4 kalau ada 5 tulis 5.

Sesuaikan kecepatan tampilan dengan menyetting window.setInterval("cyclea()",10000);

Nah sekarang udah tau kan, Jika di copas jangan lupa tampilin sumbernya ya. Hargai apa yang sudah saya buat dengan menampilkan sumbernya.

No comments:

Post a Comment