Membuat Button Berhenti dan Mulai pada Marquee

Marquee..  sebagaimana kita ketahui adalah sebuat perintah yang dibuat untuk membuat kata atau tampilan seakan-akan hidup.. dapat bergerak kesana kemari .. one way .. ataupun dengan pergerakan berbeda arah.

Namun saat ini saya akan sedikit membahas bagaimana cara membuat Marquee dengan perintah "Berhenti" atau "Mulai Lagi" ...

Untuk membuatnya masih sama seperti yang sudah-sudah yaitu hanya tinggal mengklik tambah gadget - html/script pada blog anda... yang pasti jangan sampai lupa harus login terlebih dahulu...

Nah untuk membuatnya silahkan copas code berikut dan tentukan kata yang temen-temen sukai

Berikut kodenya

<marquee id="mymarquee" scrollamount="50">Ngeblog Yuk</marquee><input onclick="document.getElementById('mymarquee').stop();" type="button" value="Stop Marquee" /> <input onclick="document.getElementById('mymarquee').start();" type="button" value="Start Marquee" /> <br /> <a href="http://www.htmlcodes.me/marquees/stop-marquee.cfm" style="color: #999999; font-size: 11px;">Pause marquee</a>

Contohnya :

Ngeblog Yuk!


Pause marquee

atau bisa juga dengan gambar sebagaimana dibawah ini
Ngeblog Yuk! Pause marquee
Silahkan Copas ... tapi jangan lupa sumbernya yah

<!-- Codes by HTMLcodes.me --> <marquee behavior="scroll" direction="right" scrollamount="50" id="mymarquee2"> <p>Ngeblog Yuk!</p> </marquee> <img src="http://www.htmlcodes.me/images/marquees/stop_marquee.png" width="100" height="100" alt="Stop button" onClick="document.getElementById('mymarquee2').stop();" /> <img src="http://www.htmlcodes.me/images/marquees/start_marquee.png" width="100" height="100" alt="Start button" onClick="document.getElementById('mymarquee2').start();" /> <p><a style="font-size:11px;color:#999;" href="http://www.htmlcodes.me/marquees/stop-marquee.cfm">Pause marquee</a></p>

Sumber Text Area : DISINI


Sumber Koding Utama : DISINI



Semoga bermanfaat yah

Artikel Lain:

Tips dan Trik Bloging

• Membuat Tabel dengan Link
• Memasang Cursor Lucu - terbaru
• Pasang Marquee Unik
• Cara Memasang Real Time Statistik Melayang
• Memasang Cursor Lucu di Blog
• Pasang Google Translate Helper Model Dropdown
• Membuat textarea dengan border menarik
• Cara Membuat Mouse Clock
• Membuat Karkulator di Blog
• Membuat Gambar Mengikuti Cursor
• Cara Membuat Spoiler pada blog
• Membuat Banyak Gambar Berjalan
• Membuat Background dan Border Warna
• Membuat List dan Multilevel List
• Membuat Komentar Mengikuti Kursor
• Cara Membuat Button Dengan Background Gambar
• Menambah Efek Suara Pada Blog
• Efek-efek untuk mempercantik blog