Membuat Marquee [ Teks Berjalan ]

Untuk masalah ini saya rasa da pada bosan kan? jadi tidak perlu dijelaskan bagaimana dan bagaiman kalau minat, pilih salah satu bentuk MARQUEE yang sobat inginkan, kemudian login di blog sobat terlebih dahulu kemudian pada halaman dashboard klik desaign selanjutnya klik Add A Gedget kemudian cari HTML/JavaScript kemudian paste didalamnya. untuk menyesuaikan bentuk teks dan warna, mainkan Rich teks dan Edit HTML pada kolom HTML/JavaScrip

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Teks 1.

Ittihad Boys blog

Iyagus ugy mixpod

Wija Ugy Facebook

CODE :

<!-- HTML codes by Quackit.com -->

<marquee behavior="scroll" direction="left" scrollamount="1">Ittihad boys</marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">Iyagus Ugy Mixpod</marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">wija ugy facebook</marquee>

<p><a href="http://www.quackit.com/html/codes/html_marquee_code.cfm">Marquees</a></p>

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Teks 2.

Ittihad Boys

CODE :

<marquee behavior="scroll">

<img src="http://dc131.4shared.com/img/125015489/6f31df7b/sonic__13_.gif" width="110" height="84"><br />Ittihad Boys

</marquee>

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Teks 3

Ittihad Boys

CODE :

<marquee direction="up"><marquee behavior="alternate"> Ittihad Boys </marquee></marquee>

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Teks 4

Ittihad Boys

CODE :

<marquee direction="down"> Ittihad Boys </marquee>

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Teks 5

Ittihad Boys

CODE :

<marquee behavior="alternate" direction="up" height="50"><br /> <marquee direction="right">Ittihad Boys</marquee><br /> </marquee>

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Teks 6

Ittihad Boys

CODE :

<MARQUEE BEHAVIOR="scroll" DIRECTION ="left">Ittihad Boys</MARQUEE>

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Teks 7

Ittihad BoysCODE :

<marquee><marquee direction="down"> Ittihad Boys </marquee></marquee>

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Teks 8

Ittihad Boys

CODE :

<MARQUEE BEHAVIOR="scroll" DIRECTION ="left" bgcolor="blue">Ittihad Boys</MARQUEE>

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Teks 9 

Ittihad Boys

CODE :

<font color ="green"><MARQUEE BEHAVIOR="scroll" DIRECTION ="right" >Ittihad Boys</MARQUEE></font>


::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Teks 10

Ittihad Boys

CODE :

<font color ="white"><MARQUEE BEHAVIOR="scroll" DIRECTION ="right" bgcolor="red">Ittihad Boys</MARQUEE></font>

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Adapun bentuk Teks ini yaitu ( OPTGROUP )
Bisa lihat contoh berikut 

CODE :

<select name="Example">

<optgroup label="First"></optgroup>

<option>Example one</option>

<optgroup label="Second"></optgroup>

<option>Example two</option>

</select>

Nah...Hasilnya seperti ini

Example one Example two

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Adapaun yang ini yaitu membuat teks berjalan ke atas 

CODE :

<marquee direction="up" scrollamount="2" align="center">

<a href="ganti dengan alamat link">Nama tampilan link</a><br/>

<a href="http://trik-tips-tutorial.blogspot.com/">Trik Tips Tutorial</a><br/>

<a href="http://adesyams.blogspot.com/">Ade'S Tricks</a><br/>

</marquee>

Hasilnya seperti Contoh berikut:

Nama tampilan link

Trik Tips Tutorial

Ade'S Tricks

( SELECT )

::::::::::::::::::::::::::::::::::::::::::::::::::


Selanjutnya Membuat teks List


CODE :

<select name="List" size="1">

<option value="Option1">Option1</option>

<option value="Option2">Option2</option>

<option value="Option3">Option3</option>

</select>

Contoh :

Option1 Option2 Option3

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Selanjutnya membuat Table :

CODE :

<TABLE ALIGN="center" border=1 cols=5 width=20 cellpadding=5><tr><td>Ittihad Boys</td></tr></TABLE>


Contoh Table, ini bisa di utak atik sesuai keinginan 

Ittihad Boys

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;

Selanjutnya Membuat Menu Tarik

As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.

CODE :

<!-- HTML Codes by Quackit.com -->

<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">

As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.

</div>

<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/codes/html_scroll_box.cfm">HTML scrollbox</a></p>

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Ukuran Tulisan /font, 

Ittihad Boys Blog

Berprestasi saleh dan gaul.

CODE :

<html>

<body>

<h1>Ittihad Boys Blog</h1>

<p>Berprestasi saleh dan gaul.</p>

</body>

</html>

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Selesai.