Wednesday 14 July 2010

Cara membuat teks berjalan di blogger

Membuat teks berjalan di blogger sebenarnya sangat mudah. Tinggal copy paste aja kode html nya kemudian dimodifikasi sesuai keinginan kita.

Oke..kali ini saya ingin berbagi tips bagaimana caranya membuat marquee atau teks berjalan di blog.

Ada beberapa bagian yang perlu anda ketahui tentang marquee ini antara lain :

1. Kode HTML umumnya menggunakan tag <marquee>...</marquee>
2. BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
3. DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
4. BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan. Ada 3 macam variasi yaitu:
*Scroll --> teks bergerak terus-menerus tanpa berhenti
*Slide--> teks bergerak sekali lalu berhenti
*Alternate --> teks bergerak bolak-balik

5. TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
6. SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
7. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
8. LOOP="angka|-1|infinite" --> Mengatur jumlah loop
9. WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Biar lebih gampang saya berikan contoh aja ya..

Sebagai contoh anda bisa lihat teks berjalan di blog ini sebelah kanan atas. Kode html nya adalah sebagai berikut:

<div align="left"><font face="georgia" color="White"><b><marquee bgcolor="green" width="90%" scrollamount="3" behavior="scroll">

Terima Kasih telah mengunjungi blog kebahagiaan terbesar ini

</marquee></b></font></div>

hasilnya seperti



Terima Kasih telah mengunjungi blog kebahagiaan terbesar ini



Anda bisa mengubah tulisannya sesuai dengan keinginan anda. Kemudian untukmengubah warna back ground silahkan ubah di bagian bgcolor. Untuk mengubah kecepatan di bagian scrollamount, dan untuk mengubah variasi teks mau bolak-balik atau berjalan di bagian behavior. Variasi ini ada 3 pilihan yaitu: alternate, scroll, slide.

atau contoh yang lain :

<marquee align="center" direction="left" height="5" scrollamount="2" width="90%">

Siapapun Anda bisa bahagia...asal mau bersyukur...
</marquee>

nanti hasilnya seperti ini:



Siapapun Anda bisa bahagia...asal mau bersyukur...






Untuk membuat teks berjalan dengan link anda bisa gunakan kode

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

<a href="http://didiksugiarto.com" target="new">Kebahagiaan Terbesar</a><br/>
<a href="http://iklanbarispromo.com" target="new">Pasang Iklan Baris </a><br/>
<a href="http://inginbahagia.com" target="new">Belajar Bisnis Online Pemula </a><br/>
</marquee>

nanti hasilnya seperti di bawah ini. Anda tinggal edit link urlnya.


Kebahagiaan Terbesar

Pasang Iklan Baris

Belajar Bisnis Online Pemula



Selamat mencoba...semoga berhasil....

7 comments:

  1. terima kasih tips nya aku coba ya....

    ReplyDelete
  2. ni tips yg aku cari2.....
    thanks ya kang.....

    ReplyDelete
  3. makasih tipsnya ya ....aku sudah coba nih

    ReplyDelete
  4. makasih tips ya dan moga makin banyak tips nya yang bermanfaat untuk orang banyak dan yang memberi tips tambah sehat, panjang umur dan banyak rejeki selalu

    ReplyDelete
  5. gan thanks yaa mantapzz gan gw boleh copy n gw pos g di blog gw??

    ReplyDelete
  6. boleh aja silahkan moga bermanfaat

    ReplyDelete

About Me

My photo
Halo sobat...nama saya Didik Sugiarto.....Saya bukanlah blogger profesional....hanya sekedar hobi ngeblog dan juga belajar cara mencari uang dengan blog.....adsense, amazon, clickbank dll.......semoga blog ini bermanfaat bagi kita semua.