TUTORIAL BLOGGER: Marquee di Javascript

Wednesday, January 14, 2009

Marquee di Javascript

Diposkan oleh fandyQwu di 3:18 PM

Akan sangat mudah jika Marquee bisa ditempatkan di JAVASCRIPT. Jadi kamu tidak perlu meng-edit HTLM segala..

Untuk Template baru

Sign in di blogger

Klik menu Layout

KLik menu Edit HTML

Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting

Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode ]]></b:skin> , atau jika bingung simpan saja persis di atas kode ]]></b:skin>

#isi-marquee{ position: relative; width: 200px; /*lebar marquee */ height: 200px; /*tinggi marquee */ background-color: white; /*warna background */ overflow: hidden; padding: 2px; padding-left: 4px; }
Copy kode berikut lalu paste di atas kode </head>

<script type="text/javascript"> //<![CDATA[ /*********************************************** * Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/ var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds) var marqueespeed=1 //angka 2 adalah nilai kecepatan marquee, ubah jika ingin mengubahnya var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)? ////TIDAK ADA YANG PERLU DI UBAH PADA BAGIAN INI//////////// var copyspeed=marqueespeed var pausespeed=(pauseit==0)? copyspeed: 0 var actualheight='' function scrollmarquee(){ if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" else cross_marquee.style.top=parseInt(marqueeheight)+8+"px" } function initializemarquee(){ cross_marquee=document.getElementById("vmarquee") cross_marquee.style.top=0 marqueeheight=document.getElementById("isi-marquee").offsetHeight actualheight=cross_marquee.offsetHeight if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit cross_marquee.style.height=marqueeheight+"px" cross_marquee.style.overflow="scroll" return } setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll) } if (window.addEventListener) window.addEventListener("load", initializemarquee, false) else if (window.attachEvent) window.attachEvent("onload", initializemarquee) else if (document.getElementById) window.onload=initializemarquee //]]> </script>

Klik tombol SIMPAN TEMPLATE

Klik menu Elemen Halaman

Klik tulisan Tambah sebuah Elemen Halaman

Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

Copy paste kode berikut pada elemen yang muncul

Klik tombol SIMPAN PERUBAHAN

Sorot elemen yang baru di buat, klik lalu tahan dan kemudian pindahkan pada tempat yang sobat inginkan (di drag and drop)

Klik tombol SIMPAN

Selesai.

0 komentar:

Post a Comment

Subscribe to: Post Comments (Atom)