Cara Membuat Tulisan Berjalan di Blog dengan Marquee style
Salah satu agar blog bisa tampil menarik perhatian oleh mata pengunjung adalah memberikan sesuatu berbeda dan saya rasa text berjalan ini akan membuat blog tampil cantik karena terkesan menarik dan unik.
Meskipun untuk mempercantik blog masih banyak lagi yang bisa sobat lakukan untuk itu. namun mungkin text berjalan ini adalah salah satu cara yang efektif untuk menarik perhatian pengunjung karena tulisan ini bergerak saat yang lain diam. dan untuk menmbah tampilan text sobat lebih menarik sobat bisa menambahkan banyak cara salah satunya adalah seperti yang saya contohkan lewat kode text berjalan di bawah ini.
Kode yang ada di atas ini kodenya seperti ini, jika sobat tidak memberikan arah direction maka arah nya akan dari kiri ke kanan
<marquee>CARA MEMBUAT TULISAN ATAU TEXT BERJALAN NORMAL</marquee>
TEXT Berjalan secara default adalah dari arah ke kanan ke kiri sedangkan jika ingin merubah arahnya sobat bisa melnambahkan kode direction="right" hingga hasilnya seperti ini
Kode di atas kodenya seperti di bawah ini
<marquee direction="right">Contoh Tulisan Berjalan Dari Kiri ke Kanan</marquee>
jika sobat ingin merubahnya sobat bisa merubah dengan style sendiri seperti menambah background berwarna misalkan saja saya menmbah background warna hitam sedangkan textnya warna putih maka akan tampak seperti ini
<marquee style="background: black; color: white;">CARA MEMBUAT TULISAN ATAU TEXT BERJALAN BACKGROUND HITAM DENGAN TEXT PUTIH</marquee>
kode di atas adalah menseting sendiri arah kecepatan sesuai dengan keinginan , sobat bis amengganti angka 600 sesuai dengan keinginan ,
<marquee scrolldelay="600">TULISAN BERJALAN DENGAN KECEPATAN</marquee>
Ada lagi Tulisan berjalan yang jika di letakkan mouse maka tulisan akan berhenti seperti text berikut ini.
kode di atas adalah adalah seperti ini.
<marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN BERJALAN BERHENTI JIKA DISOROT MOUSE</marquee>
Jika sobat ingin membuat tulisan berjalan dengan link bisa sobat buat seperti ini
kode di atas seperti ini :
<marquee onmouseout="this.start()" onmouseover="this.stop()" style="background: black; color: white; font-family: Segoe UI; font-size: 32px; height: 90px; padding-top: 30px; width: 400px;">
<a href="http://blogfacebookemail.blogspot.com/" target="_blank" >KLIK DISINI UNTUK MELIHAT CARA MEMBUAT BLOG</a>
</marquee>
silhkan ganti kode yang berwarna biru dengan kode yang sobat inginkan.
Meskipun untuk mempercantik blog masih banyak lagi yang bisa sobat lakukan untuk itu. namun mungkin text berjalan ini adalah salah satu cara yang efektif untuk menarik perhatian pengunjung karena tulisan ini bergerak saat yang lain diam. dan untuk menmbah tampilan text sobat lebih menarik sobat bisa menambahkan banyak cara salah satunya adalah seperti yang saya contohkan lewat kode text berjalan di bawah ini.
Cara Membuat Tulisan Berjalan di Blog Bermancam Bentuk Marquee style
Untuk membuat hasil yang lebih sempurna sobat bisa menambah kan beberapa style seperti- Arah tulisan
- Warna background
- Ukuran bacground,
- Kecepatan berjalan
- Link
- jarak tulisan
- Dan lain-lain.
- ARAH NORMAL
<marquee>CARA MEMBUAT TULISAN ATAU TEXT BERJALAN NORMAL</marquee>
TEXT Berjalan secara default adalah dari arah ke kanan ke kiri sedangkan jika ingin merubah arahnya sobat bisa melnambahkan kode direction="right" hingga hasilnya seperti ini
Kode di atas kodenya seperti di bawah ini
<marquee direction="right">Contoh Tulisan Berjalan Dari Kiri ke Kanan</marquee>
- WARNA BACKGROUND
jika sobat ingin merubahnya sobat bisa merubah dengan style sendiri seperti menambah background berwarna misalkan saja saya menmbah background warna hitam sedangkan textnya warna putih maka akan tampak seperti ini
<marquee style="background: black; color: white;">CARA MEMBUAT TULISAN ATAU TEXT BERJALAN BACKGROUND HITAM DENGAN TEXT PUTIH</marquee>
- KECEPATAN
<marquee scrolldelay="600">TULISAN BERJALAN DENGAN KECEPATAN</marquee>
- BERHENTI JIKA DI SOROT MOUSE
Ada lagi Tulisan berjalan yang jika di letakkan mouse maka tulisan akan berhenti seperti text berikut ini.
kode di atas adalah adalah seperti ini.
<marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN BERJALAN BERHENTI JIKA DISOROT MOUSE</marquee>
- MEMBERIKAN LINK, UKURAN, JARAK DAN LAIN-LAIN
kode di atas seperti ini :
<marquee onmouseout="this.start()" onmouseover="this.stop()" style="background: black; color: white; font-family: Segoe UI; font-size: 32px; height: 90px; padding-top: 30px; width: 400px;">
<a href="http://blogfacebookemail.blogspot.com/" target="_blank" >KLIK DISINI UNTUK MELIHAT CARA MEMBUAT BLOG</a>
</marquee>
silhkan ganti kode yang berwarna biru dengan kode yang sobat inginkan.
