Sunday, October 30, 2011

Cara Membuat Tulisan Berjalan Di Blog

Ok kawan semua, masih semangat kan… kali ini kita akan membahas bagaimana “Cara membuat tulisan berjalan di blogger”. Untuk lebih jelasnya Anda dapat melihat contoh tulisan berjalan di http://www.blog2pay.blogspot.com pada sisi kanan. Maka akan ditemui tulisan “Selamat Datang Di NamaBlogAnda.blogspot.com” yang berjalan dari kiri ke kanan.



Terus bagaimana cara membuatnya yaitu dengan cara menggunakan tag html <marquee>...</marquee> , jika masih bingung atau belum tahu maka langsung saja ke contoh pembuatannya.

Tag <marquee> mempunyai beberapa attribut, yaitu:

bgcolor="nama/nilai warna" digunakan mengatur warna latar belakang teks
direction="left/right/up/down" digunakan mmengatur arah gerakan teks
behavior="scroll/slide/alternate" digunakan untuk mengatur perilaku gerakan teks
scroll digunakan agar teks bergerak berputar
slide digunakan agar teks bergerak sekali lalu berhenti
Alternate digunakan agar teks bergerak dari kiri kekanan lalu balik lagi
title=”Tulis Pesan Anda" digunakan agar pesan muncul pada saat mouse berada di atas teks
scrollmount="masukkan angka" digunakan untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
scrolldelay="masukkan angka" digunakan untuk mengatur waktu tunda gerakan dalam mili detik
loop="angka|-1|infinite" digunakan untuk mengatur jumlah loop
width="masukkan angka" digunakan untuk mmengatur lebar blok teks dalam pixel atau persen



1.      Pergerakan Teks dari Kiri ke Kanan dan Berhenti

<marquee behavior="slide" direction="left">Tulis Teks Anda Di Sini</marquee>

Tulis Teks Anda Di Sini

2.      Pergerakan Teks dari Kiri ke Kanan Secara Terus Menerus
<marquee behavior="scroll" direction="left">Tulis Teks Scrolling Di Sini</marquee>

Tulis Teks Scrolling Di Sini

3.      Pergerakan Teks bolak balik Kiri ke Kanan dan Sebaliknya Secara Terus Menerus
<marquee behavior="alternate">Tulis Teks Bolak Balik Di Sini</marquee>

Tulis Teks Bolak Balik Di Sini

4.      Pergerakan Teks dari bawah ke atas
<marquee  behavior="scroll" direction="up">Tulis Teks di sini</marquee>

Tulis Teks di sini

5.      Mengatur kecepatan pergerakan teks
<marquee behavior="scroll" direction="left" scrollamount="1"> Kecepatan rendah </marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">Kecepatan sedang </marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">Kecepatan tinggi </marquee>

Kecepatan rendah

Kecepatan sedang

Kecepatan tinggi

6.      Menggerakkan image
<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

smile

7.      Menggerakkan image dan teks
<marquee behavior="scroll" direction="left">

<img src="/pix/smile.gif" width="100" height="100" alt="smile" />

<p>Contoh tulisan berjalan dengan image</p></marquee>


smile
Contoh tulisan berjalan dengan image



Akhir kata, Saya ucapkan terimakasih telah berkunjung di blog kami. Jika masih ada pertanyaan seputar "Cara Membuat Tulisan Berjalan Di Blog" jangan sungkan atau malu bertanya. Karena memang benar kata pepatah berikut ini: "Malu Bertanya Maka Sesat Dijalan".

Berikut adalah artikel kami terkait dengan cara ngeblog dan merancang website sendiri:
  1. Tips dan Trik Ngeblog ala Wordpress
  2. Tips dan Trik Merancang Website :: HTML (Hypertext Markup Language)
  3. Tips dan Trik Merancang Website :: PHP
  4. Tips dan Trik Merancang Website :: CSS (Cascading Style Sheet)
  5. Tips dan Trik Meraup Uang Berlimpah Dari Internet


Salam Sukses


Penemu dan Pengembang
www.adsloko.com