Showing posts with label Cara Membuat Marquee / Text Berjalan / Rolling text. Show all posts
Showing posts with label Cara Membuat Marquee / Text Berjalan / Rolling text. Show all posts

Thursday 29 April 2010

Membuat Marquee pada Blog

Dari Microsoft Front Pages,kita bisa membuat MARQUEE hanya dengan sekali tekan.

Dengan bantuan Microsoft Front Pages,kami akan menjabarkanya :
Untuk Marquee Gunakan kode di bawah ini :


<MARQUEE align="center" direction="right"
height="200" scrollamount="2" width="100%">

pelajaran-blog.blogspot.com
</MARQUEE>


Dapat menggunakan kode ini juga:

<MARQUEE align="center" direction="left"
height='200' scrollamount='3' width='100%'
behavior="alternate">pelajaran-blog.blogspot.com</MARQUEE>


Atau ingin mencoba kode berikut:

<marquee align="middle"
style='list-style-type: none; color: #FFFFFF;
font-family: Arial; font-weight: bold" bg>pelajaran-blog.blogspot.com</marquee>


Untuk Marquee berjalan/roll gunakan kode di bawah ini :


<marquee onmouseover="this.stop()" onmouseout="this.start()"scrollamount="2" direction="up" width="50%"
height="50" align="center">

pelajaran-blog.blogspot.com
</marquee>


Dalam penggunaannya,anda tinggal menambahkan element baru Html/Javascript
pada blog anda.Selesai !

Monday 19 January 2009

Cara Membuat Marquee / Text Berjalan / Rolling text


Text berjalan,..

Pergi keTambah halaman,Add widget pilih Html / Javascript lalu copy paste kode di bawah ini:

<marquee onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="60" direction="up" width="450" height="150">
<a href="http://www.google.com">contoh 1</a><br/>
<a href="http://www.yahoo.com">contoh 2</a><br/>
<a href="http://geliat-bisnis.blogspot.com">contoh 3</a>
</marquee>


Untuk situs tujuan anda bisa menentukan sendiri,disini sebagai contoh yang saya pakai diatas :
www.yahoo.com,www.google.com dan geliat-bisnis.blogspot.com sebagai situs tujuannya.

Adapun macam-macamnya:

kode:

<marquee>Cara Membuat Marquee / Text Berjalan / Rolling text</marquee>

hasilnya:

Cara Membuat Marquee / Text Berjalan / Rolling text



kode:

<marquee onmouseover="this.stop()" onmouseout="this.start()">Cara Membuat Marquee / Text Berjalan / Rolling text</marquee>

hasilnya (berhenti saat mouse diatasnya):

Cara Membuat Marquee / Text Berjalan / Rolling text



kode:

<marquee direction="right">Cara Membuat Marquee / Text Berjalan / Rolling text</marquee>

hasilnya (dari kanan ke kiri):

Cara Membuat Marquee / Text Berjalan / Rolling text



kode:

<marquee behavior="alternate">Cara Membuat Marquee / Text Berjalan / Rolling text</marquee>

hasilnya (bolak-balik):

Cara Membuat Marquee / Text Berjalan / Rolling text






Mudah banget ya. :)

Baca Juga Yang Ini..