Copyright: Blog Trik dan Tips - http://blogtrikdantips.blogspot.com/2012/03/membuat-page-peel-join-us-on-facebook.html#ixzz1qNMSCSGJ Tolong sertakan link ini jika mengkopi artikel diatas. Terima kasih

Kamis, 01 Maret 2012

Cara Membuat Teks Berjalan di Blog

Tutorial kita kali ini adalah Cara Membuat Teks Berjalan di Blog - hasil karya Christian Tatelu. salah satu cara orang untuk membuat tampilan blog lebih menarik adalah dengan membuat tulisan/teks berjalan pada blognya yang biasanya disebut dengan marquee yang fungsinya hanyalah sebagai hiasan di blog!

Nah, jika kawan-kawan tertarik membuat tip dan trik blog serupa.. silahkan ikuti petunjuk di bawah ini :
 




1. Tulisan bergerak dari kanan ke kiri

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>


2. Tulisan bergerak dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>


3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


5. Teks bergerak dari atas ke bawah

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


6. Teks bergerak dari bawah ke atas

 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>


7. Teks bergerak mondar- mandir dari atas ke bawah

 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>


8. Teks bergerak zig - zag ( diagonal ) memantul

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>


9. Teks bergerak zig - zag ( diagonal ) tembus

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>


Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

 tambahan :
  • Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
  • Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  • Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
  • Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>
Dokumen sumber : http://christiantatelu.blogspot.com


Demikian Tutorial  Cara Membuat Teks Berjalan di Blog, mudah-mudahan hasil karya Christian Tatelu yang diperpanjang-tangankan oleh saya ini bermanfaat bagi kita semua..

Silahkan kunjungi TIP DAN TRIK BLOG kami lainnya [[ DISINI ]]
atau silahkan dapatkan tip dan trik kami lainya [[ disini ]]
. . .



Tidak ada komentar:

Posting Komentar