Home » » Cara Membuat Tulisan Berjalan Di Blog

Cara Membuat Tulisan Berjalan Di Blog

Written By Adsloko on Minggu, 30 Oktober 2011 | Minggu, Oktober 30, 2011

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





Share this article :

40 komentar:

  1. untuk artikel Cara Membuat Tulisan Berjalan Di Blog sangat bermanfaat, ditunggu artikel - artikel selanjutnya

    BalasHapus
  2. maaf kenapa ko blog saya tampilannya kecil jadi ga ful kelihatan .,gimana yah ?

    BalasHapus
  3. makasih mas udah saya praktekkan di blog saya

    http://huznasouvenir.blogspot.com/

    BalasHapus
  4. @Huzna: sama2, silahkan dipraktekkan dan semoga bermanfaat

    @Moy blast: udah saya lihat, tambahin aja attribut width untuk tag marquee-nya atau kalo boleh tahu kode yang digunakan seperti apa dan pengennya seperti apa? biar bisa kita bahas bareng2.

    BalasHapus
  5. thank u info artikelnya gan,..........ehmmklo berkenan monggo berkunjung k t4 ane http://downloadfilm21free.blogspot.com/

    BalasHapus
  6. Mantab brow...kita coba terapkan ya...........terimakasih....

    BalasHapus
  7. thanks udah ane coba text berjalan nya

    BalasHapus
  8. mantap gan postingannya agan belajar dari mana bleh yaa saya turuti...

    BalasHapus
  9. Sippp...Mksih Infonya...!!!
    sudah q coba ternyata berhasil_

    BalasHapus
  10. tutorial nya bermanfaat banget gan buat ane...

    BalasHapus
  11. Pas saya coba ini artikel, berhasil tetapi terlalu tinggi space-nya untuk tulisan bergerak ke atas. Untuk menguranginya bagaimana ya?

    Salam dari www.delavega.blogspot.com, semoga mempermudah hidup anda.

    BalasHapus
  12. okkkk makazihh sooobbb
    100%jadiiii???????

    BalasHapus
  13. waduh thanks bgt nih !
    keren lah skrang gw dah bisa buat . haha

    BalasHapus
  14. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  15. kak saya suda coba tapi gagal.
    tulisan ku
    pas saya postingkan kok gak bisa berjalan kekiri dan kanan

    BalasHapus
  16. hit me back!

    At Muhammadiqbale.blogspot.com

    nice artikel

    BalasHapus
  17. sob .. tau ga cara tampilan gambar di blok aq.. ada tampilan gambar nya aq .. itu gimana ya sob?

    BalasHapus
  18. gan ... gmna cara nampilin tulisan berjalan y update trus datanya setiap hari

    BalasHapus
  19. wah maksih mas bro atas info nya sagat bermanfat bagi saya.. saya tunggu kunjunga baliknya ya http://dhe2-komputer.blogspot.com/

    BalasHapus
  20. Mantab gan...trims tips-nya, kalau mau text berjalannya bisa di stop dengan mouse pointer begimana ya...

    BalasHapus
  21. ,. Gan !!!!!!!!!!
    ,. ane gak tau caranya ? gmn ya ?

    BalasHapus
  22. thx jangan lupa kunjungi dan follow ini

    http://ihgilailmam.blogspot.com/

    BalasHapus
  23. kunjungi yoooh n follow jelajahfapet.blogspot.com

    BalasHapus
  24. saya tlah coba & berhasil di freewaresoft20.blogspot ,trmks.oh ya follow juga blog saya klw bisa gan..

    BalasHapus
  25. @repalcheaterparungpanjang And Akbaros Anakos Gaulanos +++ : Coba saja nulis sebuah posting tetapi dalam mode HTML, kemudian copy paste salah satu kode tersebut diatas dan simpan. sekarang tinggal dilihat perubahannya

    BalasHapus
  26. trimksih mas brow sangat brmanfaat artikelnya....
    numpang tnya gimna ya caranya agar blog saya masuk ke search angine google dan di peringkat ataas...mkzih gan
    duniaweb-site.blogspot.com

    BalasHapus
  27. cara memasang di bawah judul blog bagaimana yahh ?? mohon bantuannya ,, maklumlah newbie :)

    BalasHapus
  28. bro ne scriptnya ditaruh dimananya................

    BalasHapus
  29. Akhirnya Nemu Juga Caranya Gan... Terus Berkarya... Thanks

    BalasHapus

Diberdayakan oleh Blogger.

@My Follower

 
Support : TipsNgeblog
Copyright © 2013. Tips Dan Trik Ngeblog - All Rights Reserved
Template Created by Creating Website Used by TipsDanTrikNgeblog
Proudly powered by Blogger