Cara Membuat Tulisan Berjalan di Blog dengan Marquee

Salah satu bentuk modifikasi tulisan di blog adalah dengan membuat efek teks yang bisa bergerak. Bisa dari kanan ke kiri, atau dari atas ke bawah dan sebaliknya. Teks efek ini disebut marquee, untuk lebih jelasnya pengertian dari Marquee adalah bahasa HTML untuk memberikan efek sebuah kata atau kalimat menjadi berjalan atau bergerak. Marquee ini mempunyai daya tarik tersendiri karena animasi berjalan/bergeraknya tersebut, selain itu penggunaan marquee ini bisa menghemat tempat pada blog anda.
Cara membuat tulisan berjalan di blog, cara membuat teks berjalan di blog atau cara membuat tulisan dan teks berjalan pada blog atau cara membuat tulisan berjalan mondar-mandir di blog.
Apapun Judulnya, Akhirnya ke Marquee Juga




1. Cara membuat Tulisan Berjalan di Blog dengan mencantumkan Link. (tulisan berjalan dan mempunyai link)


Ini Kodenya :


<div style="background: #FFFFFF; border: 2px solid #ADFF2F; color: black; font-size: 15px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://kursusgratis4u.blogspot.com/2013/05/kode-marquee-html.html"/>Cara membuat Tulisan Berjalan di Blog</a></marquee>
</div>

Kode perintah diatas hasilnya sepeti ini:


Keterangan :
URL yang berwarna merah silahkan diganti dengan URL yang anda inginkan.
background: #FFFFFF
: kode tersebut adalah untuk merubah baground
solid #ADFF2F
           : untuk merubah warna garis
size: 15px     
               ; merubah ukuran tulisan atau font.

2. Cara membuat Tulisan Berjalan di Blog dengan baground


Ini Kodenya :


<div style="background: #000000; border: 2px solid #ADFF2F; color: blue; font-size: 15px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Cara membuat Tulisan Berjalan di Blog</marquee>
</div>

 Maka hasilnya dibawah ini :

Cara membuat Tulisan Berjalan di Blog

Keterangan :
tulisan yang berwarna merah silahkan sobat ganti sesuai dengan keinginan anda.

Atau dengan kode ini :


<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 15px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Cara membuat Tulisan Berjalan di Blog</marquee>
</div>
Hasilnya :
Cara membuat Tulisan Berjalan di Blog

Keterangan :
Tulisan yang berwarna merah silahkan sobat ganti sesuai dengan keinginan anda.


3. Cara membuat tulisan berjalan di blog menggunakan warna

 <font color="blue"><marquee>Selamat Datang RJ-COMP JOGJA</marquee></font>

Hasilnya :
Selamat Datang RJ-COMP JOGJA


Keterangan :


Tulisan yang berwarna
biru silahkan sobat ganti sesuai dengan keinginan sobat untuk mengganti warna tulisan.
Tulisan yang berwarna merah silahkan sobat ganti sesuai dengan keinginan Tulisan atau teks anda


4. Cara membuat Tulisan Berjalan di Blog dari bawah ke atas


Kode :


<marquee direction="up" scrollamount="3" align="center"> Cara membuat Tulisan Berjalan di Blog </marquee>

Hasinya :
Cara membuat Tulisan Berjalan di Blog  Cara membuat Tulisan Berjalan di Blog


5. Cara membuat Tulisan Berjalan di Blog dari atas ke bawah


Kode:


<marquee direction="down" scrollamount="3" align="center"> Contoh Tulisan Berjalan </marquee>

Hasinya :
Contoh Tulisan Berjalan

Kode:


<marquee direction="right" scrollamount="3" align="center" behavior="alternate"> Cara membuat Tulisan Berjalan di Blog </marquee>

Hasilnya:
 Cara membuat Tulisan Berjalan di Blog

7. Cara membuat Tulisan Berjalan di Blog ( mondar - mandir ) dari kiri ke kanan


Kode:


<marquee direction="left" scrollamount="3" align="center" behavior="alternate"> Cara membuat Tulisan Berjalan di Blog </marquee>

Hasilnya:
  Cara membuat Tulisan Berjalan di Blog

8. Cara membuat Tulisan Berjalan di Blog dari kiri ke kanan


Kode :


<marquee direction="right" scrollamount="3" align="center"> Cara membuat Tulisan Berjalan di Blog </marquee>

Hasilnya:
Cara membuat Tulisan Berjalan di Blog
9. Cara membuat Tulisan Berjalan di Blog dari kanan ke kiri


Kode :


<marquee direction="left" scrollamount="3" align="center">Cara membuat Tulisan Berjalan di Blog</marquee>

Haasilnya:

Cara membuat Tulisan Berjalan di Blog

0 comments:

Post a Comment

Komentar Anda akan sangat berharga bagi kami.