Bloger yang doyan ngotak-ngatik blog-nya supaya tampil aktraktif, ciamik dan penuh daya tarik (tukang becak kali...), mungkin kepingin ada tampilan tulisan yang berkerak atau berjalan. Sebenarnya gampang saja kok membuat supaya tulisan tersebut bergerak/berjalan, kamu hanya cukup menambahkan perintah <marquee> di depan tulisan kamu dan menutupnya dengan perintah </marquee>, seperti contoh berikut:
Hasilnya akan nampak seperti ini:
Hasilnya akan nampak seperti ini:
Hasilnya akan nampak seperti ini:
Hasilnya akan nampak seperti ini:
Hasilnya akan nampak seperti ini (coba tunjuk oleh pointer mouse kamu):
Hasilnya akan nampak seperti ini:
Nah, sekarang sudah jelas kan? Kalo masih belum jelas, kebangetan tuh!!! Hehehe...
Ok deh, selamat mencobanya....
<marquee>TULISAN BERJALAN</marquee>
Masih belum puas? Ok, berikut akan disajikan tulisan seputar "Tulisan Bergerak" secara komplit supaya kamu bener-bener ngerti dan merasa puas.
Mengatur tingkat kecepatan
Untuk mengatur tingkat kecepatan bergerak, kamu tinggal menambahkan perintah scrollamount setelah perintah marquee, dengan nilai scrollamount ≠ 0 (jika nol tidak akan bergerak), seperti contoh berikut:
<marquee scrollamount="2">TULISAN BERJALAN</marquee>
<marquee scrollamount="3">TULISAN BERJALAN</marquee>
<marquee scrollamount="4">TULISAN BERJALAN</marquee>
Semakin besar nilai scrollamount-nya, akan semakin cepat bergeraknya, demikian sebaliknya.
Mengatur arah pergerakan
Arah pergerakan marquee secara default akan bergerak dari kanan ke kiri (left). Kamu dapat mengatur arah pergerakannya dengan menambahkan perintah direction, seperti contoh berikut:
<marquee scrollamount="2" direction="right">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="up" width="100%" height="50">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="down" width="100%" height="50">TULISAN BERJALAN</marquee>
Khusus untuk perintah arah atas (up) dan bawah (down), sebaiknya kamu menambahkan perintah pengaturan lebar (width) dan tinggi (height) supaya tidak terlalu tinggi atau terlalu pendek.
Membuat tulisan bolak-balik
Bagaimana dengan tulisan bolak-balik? Untuk tulisan seperti ini kamu tinggal menambahkan behavior="alternate", seperti contoh berikut:
<marquee behavior="alternate">TULISAN BOLAK-BALIK</marquee>
Kamu juga dapat melakukan pengaturan tingkat kecepatan dan arah pergerakan pada tulisan bolak-balik ini. Caranya seperti yang dijelaskan di atas.
Membuat tulisan bergerak menjadi diam dan bergerak lagi
Jika tulisan bergerak kamu ingin diam jika ditunjuk oleh pointer mouse dan bergerak lagi setelah pointer mouse itu dijauhkan maka kamu harus menambahkan onmouseover="this.stop()" (perintah supaya berhenti) dan onmouseout="this.start()" (perintah supaya bergerak lagi) pada perintah-perintah tadi, seperti contoh berikut:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK-BALIK</marquee>
Menambahkan background warna
Untuk menambahkan backgound pada tulisan, kamu cukup menambahkan perintah bgcolor="warna" (warna: red, blue, orange, green, dll) atau perintah bgcolor="#kode warna" (mengenai kode warna silahkan baca artikel ini) pada perintah-perintah tadi, seperti contoh berikut:
<marquee behavior="alternate" direction="left" bgcolor="orange"><b>TULISAN BOLAK-BALIK</b></marquee>
<marquee behavior="alternate" direction="right" bgcolor="#FDEAE8"><b>TULISAN BOLAK-BALIK</b></marquee>
Penambahan perintah <b> dan penutup </b> pada tulisan, supaya tercetak tebal. Jika kamu mau tulisan tercetak miring tambahkan <i>, dan garis bawah tambahkan perintah <u>.
Nah, sekarang sudah jelas kan? Kalo masih belum jelas, kebangetan tuh!!! Hehehe...
Ok deh, selamat mencobanya....
99 komentarPosting Komentar
Mantep, nyoba ah
nuhun pis
Sungguh keren pisan, atur nuhun, mau langsung praktek nich......
wah.hbat thanks y atas infrmsinya
nich ngopynya di bagian mana yach..
mklum newbie bnget..:(
mksud saya di bgian blog saya kang...
klo yg dicopi aa tau..cman nge pastenya di bgian posting, ap html ap dmn???
maap bener2 g tau
Kang...
mampir ke site ane donk..
ane udah coba sliding pictureNYa..
tp ko cman 1 photo aja yach..gmn biar bs banyak gitu..udah pilih yg 1 album g bisa..:(
terus klo kasih frame gmn caranya..
makasih yach kang..gusti alloh yg bale...
bagus artikelnya, makasih tapi tak coba dulu yaa
kalo masukin link blog ini ke blog ini
Artikel yang sangat bermanfaat,terimakasih....
bravo,keren habis. saya sedot ilmunya ...thanks
thank saarannya
klo tulisan gerak kayak gitu cuma ada websitenya gimana cara bikinnya??!!
Sangat bermanfaat. Thx sharing ilmunya....
Hatertengkyu, matur nuwun,,,tapi (tetep, masih ada tapinya ya, hehe) kalo mo nempatin di header, tepatnya di bawah deskripsi blog, copy scriptnya sebelah mana y mas...Diantos ah
Haturnuhun deui, hehe
@Rep Semua:
Makasih atas komentarnya.
@Rep Conjes:
Jawabannya sudah ditulis komentar postingan sobat.
@Rep Insan:
Klo Title Berjalan seperti SC, itu bukn pake marquee kang tp pake Title Slide dan Mootools
@Rep Insan:
Saya coba memberi jawaban pada kotak komentar sobat, tapi tidak bisa verifikasi kata, soalnya kotak utk nulis kata verifikasinya tdk muncul.
Klo bisa non-aktifkan verifikasi katanya.
Mengenai marquee di handap header, cari we kode <div id='header'> trus tulis di handapen <data:description/<
wah wah kang enes ini master jadi tempat bertanya para sobat2...trims atas semua ilmunya nis kang eh mas ... semoga bermnafaat buat kita2 semua.
mantab bro.. menuju TKP dah, mo nyoba nh.. hehe
Ma,af ini tulisan bergeraknya kurang komplit coba tolonh buat yang ada bacground colornya animasi
@Rep Blogspot:
Yang begituan bukan perintah marquee sob, tp menggunakan flash. Kalo mau, bikin aja di flash lalu upload ke blog sobat.
Kalo perintah marquee ini sudah lengkap
mantap sobat, ok banget, sdh dicoba di blog distro-trendy.blogspot.com ...
thanks for information,
hebat n luar biasa
Alhamdulillah kang berhasil, namihan ilmu ... teu hilap htr nhn tos mampir ka dssukamulya.blogspot.com
di tulisan apanya??????masih blum ngerti bos?
ko ga ad kode html ya?......
kang makasih ya..langsung praktek nich.jempol dech kreatif banget.
SIiiiP Bgd INFONYA...........THaNKS..........
Bagaimana cara menambahkan music dan vidio pada website tulisan bergerak
pisss...............??????????????
kok saya ga' bisa ?? apanya yang salah ya..???
TENK YOU
terima kasih ats tipsnya
ini bisa di ketik dmna saja.............
ini bisa di tulis dmn saja...........?
makasiii ilmunya.... ^_^
thank's atas info n bimbingan'a,,
Gan ne bisa di paste ke mana biar terwujud tulisan berjalan x??? mohon jwaban.. soal x saya baca byak tmen" jg yg pda bingung termasuk saya
Manteb Gan, Terima Kasih atas Infonya ya Bro..!!!
Keren Abizzz Deh...
BANG POSTINGANNYA SIIIP BENER!!
UNTUK TULISAN BERJALAN TAPI MENGGUNAKAN KOLOM CARANYA GIMANA NEH?
thank's informasinya
:D lam kenal aja
http://rustihell.blogspot.com
maksih banyak buat share ilmunyaaa :)
Makasih bang infonya...
Ya Bos terima kasih penjelasannya tapi tolomg dong jelaskan bagaimana dan di mana pastenya supaya bisa muncul di blog tulisan bergeraknya
thank"s gan,di tunggu trik2 berikutna
thanks atas infonya.......
sangat membantu....
wah makasie banyak ya. hehe
thank you
gan tulisan berjalan di bagian tab browser gmn yah?
mantap
tararengkyu.hatur nuhun
tak coba ya kang...matur nuwun infonya...
ARTIKEL MANTAP...TAP..TnQ
cobaan bagus cuga euy.nuhun ah
artikel ini sangat membenatu. terima kasih atas bantuannya
SIP...............
bos saya nyobak kok gak di izinkan ole marqu........gmana caranya????
kagak bisa
ini ko-pasnya di dalmen postingan blog kann
Sangat informatif, ana coba dulu ya gan..
tengs sob [sklian blogwalkin]
KEREN"
makasih y atas infonya...
q pake y..
makasie ya...
qu cobain dech..
lau pny wktu luang mri mmpir k blog qu
MANTAP,,,,,,,,,,,,,,GAN
kalo mau buat logo GMANA caranya???? contohnya logo "SC" warna biru
terimakasih kepada C COMUNITI'S BLOG SEMOGA MENJADIKAN YG TERBAIK
tengs inponya~~
ok bgt bro tutorialnya... lengkap & mudah dipraktekkin sukses selalu.
buat komentator yang lg nyari backlink silahkan kunjungi blog doffolow berikut
http://kabpemalang.blogspot.com
Mantaaabbb ...
TENGKYU....
mantap mas... thaks
berkunjung balik ya
aku tunggu
join in my blog: http://tvonlineyunus.blogspot.com/
Trim banyak sudah ku COBA mas hasilnya memuaskan.
di mana kang nulisnya bingung bh...
Matri blognya sangat bagus mas dan tampilanya sangat cantiiiiiiiiik mas.gimana bikin tampilan blog secantik ini mas, mohon arahanya mas saya sangat newbie tetang blog mas.
Makasiih ya atas infonya...
Jadi enak (✿◠‿◠)
Thanks gan infonya, klo mau ubah ukuran text gmn ya..
http://zinkgank.blogspot.com
takns.....
wah bagus nih,trimas ah
kappyqa
mantap :)
nyoba ahh buat promosi iklan
mksh infonya sob
trims, aku coba dulu smoga berhasil
join blogku ya brisa-s.blogspot.com
mas tukeran banner ya.... bannernya udah tak pasang di blog ku tuh.. hehe
thx brad, bwt infonya. . . :)
Kok punya ku nggak bisa?
KOQ TMPAT Q GAK BISA SETELEH DITUTUP MAKE TULISAN YANG ADA TANDA MIRING NYA DIAPAEN DI ENTER GAK BISA JUA
Artikelnya mantap...
izin copas ya mas...!!!
maksih ya
makasih sobat....
smga sukses sllu
makasih info nya "senapan-scuba.blogspot.com"
Mantap gan....izin copas gan. untuk dibaca dilain waktu.
Blogger pemula... biar punya daya tarik gitu... (kaya tukang becak ya gan?)
sobat2 mohon sarannya blog ane: tazakkagroup.blogspot.com
Gan.. sekalin tanya neh. Ane kan pemalu... eh pemulung.. ehe..eh PEMULA. Waktu ane ane ganti template, ane tdk menyimpan/backup template lama. Udah disimpan yg baru... yg lama hilang semua. Padahal yg lama ada menu dropdown dah komplite. Cara memunculkanna lagi gmna tuh... Maturnuwun sebelumnya...!
tazakkagroup.blospot.com
@akrom faaza Susah kayaknya karena templatenya udah diganti. Tp kalo ada backup css-nya bisa ditambahkan lagi tuh.
thx bang eNeS atas info nya,,sngat membantu..:)
kenapa saya buat tak boleh ye
@reen Ada kesalahan instruksi, barangkali. Coba sobat ulangi
Makasih gan...
terima kasih atas infonya.. saya pengunjung tetap blog ini bila cari info utk edit blog
TQ Sangat membantu dan bermanfaat...
Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.
Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.