Pages

Cara Mudah Membuat Widget Bergerak Di Blog

                              
Untuk Bergerak Bolak Balik

a. Kanan-Kiri

<marquee behavior='alternate' align='center' direction='right' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script widget/gadget disini</marquee>

b. Atas-Bawah

<marquee behavior='alternate' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script widget/gadget disini</marquee>


Untuk Bergerak Terus Menerus Satu Arah

a. Dari Kanan ke Kiri (arah bisa diganti menjadi right)
<marquee behavior='scroll' align='center' direction='left' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script widget/gadget disini</marquee>

b. Dari Bawah ke Atas (arah bisa diganti menjadi down)
<marquee behavior='scroll' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script widget/gadget disini</marquee>

Sekian .. Semoga berguna dan bermanfaat.
Judul/Title blog secara default, berada dalam keadaan statik. Namun, kita bisa memberikan efek pada judul blog kita dengan kode JavaScript, sehingga bisa bergerak dari kanan ke kiri.

 Mari kita buat :
  • Dari dashboard >> Design >> Add a gadget >> Html/Javascript 
  • Copy dan paste code berikut di HTML/Javascript :
<script language=javascript>
msg = "Test Blog ...Test Blog ...";

msg = "..." + msg;pos = 0;

function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0,

pos);

pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

Note: Ganti 'Test Blog ...Test Blog ...' dengan teks yang diinginkan.
  • Save/Simpan, dan lihat hasilnya.

Semoga manfaat ... - See more at: http://www.masasha.net/2012/03/cara-membuat-judul-blog-bergerak.html?showComment=1358349394890#sthash.1fouMLzs.dpuf
Judul/Title blog secara default, berada dalam keadaan statik. Namun, kita bisa memberikan efek pada judul blog kita dengan kode JavaScript, sehingga bisa bergerak dari kanan ke kiri.

 Mari kita buat :
  • Dari dashboard >> Design >> Add a gadget >> Html/Javascript 
  • Copy dan paste code berikut di HTML/Javascript :
<script language=javascript>
msg = "Test Blog ...Test Blog ...";

msg = "..." + msg;pos = 0;

function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0,

pos);

pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

Note: Ganti 'Test Blog ...Test Blog ...' dengan teks yang diinginkan.
  • Save/Simpan, dan lihat hasilnya.

Semoga manfaat ... - See more at: http://www.masasha.net/2012/03/cara-membuat-judul-blog-bergerak.html?showComment=1358349394890#sthash.1fouMLzs.dpuf

Share it:
Sobat sedang membaca artikel tentang Cara Mudah Membuat Widget Bergerak Di Blog. Silahkan baca artikel bloger sejati Tentang | yang lainnya.
Anda baru saja membaca artikel yang berjudul Cara Mudah Membuat Widget Bergerak Di Blog.Anda boleh copy paste artikel ini dengan menyertakan link http://lisaariyansyah.blogspot.com/2013/03/cara-mudah-membuat-widget-bergerak-di.html sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

0 comments:

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Post a Comment

 

bloger sejati Copyright © 2008-2009 | Edited By : arieadie