cara menampilkan atau Memasang teks berjalan di blog Dengan marquee
Agar tampilan blog kita lebih cerah dan keren kadang banyak orang membuat tampilan tulisan di blog mereka dengan gaya berjalan. Di situs atau blog ada namanya marquee yaitu merupakan kode Perintah yang di pakai untuk menjalankan tulisan ke atas kebawah kerlap-kerlip dan lain-lain sesuai dengan Permintaan yang kita lakukan.
Dan Kodenya pun sangat simpel kita gunakan dan bisa kita letakan di mana saja akan tetap beraksi seperti di Header blog, di widget dan lain-lain. Namun di butuhkan ide-ide cemerlang teman-teman untuk memadukanya dengan tampilan situs blog anda agar lebih Responsive dan mudah di terima pengunjung. Karena apalah artinya kalau kita membuatnya malah mengganggu pengunjung yang datang ke situs kita.
Mari kita beda dulu kode Marque dan fungsi-fungsinya agar kita lebih mengeri meletakkanya ke situs blog kita :
</marquee> = Kode penutup seperti biasanya dengan kode-kode lainya ditambahkan dengan tanda kres
Yang berwarna merah = Tulisan Kamu yang ingin kamu jalankan
Jika di jalankan kode diatas akan menghasilkan seperti di bawah ini :
- Untuk mengubah Tulisan sesuka kita Dapatkan saja kodenya di Menu HTML saat kita mau memposting artikel. Kita Tuliskan Artikel Tulisan yang kita jalankan dan Mendapatkan kodenya di Baliknya ( Dikolom hTML)
- Kode diatas standarnya dimana Dia bergerak ke arah kiri secara otomatis, Karena memang kebanyak orang membuat tulisan dari kiri ke kanan. Untuk merubahnya kekanan-kekiri bisa lihat kode berikut ini :
Hasil :
Dan Kodenya pun sangat simpel kita gunakan dan bisa kita letakan di mana saja akan tetap beraksi seperti di Header blog, di widget dan lain-lain. Namun di butuhkan ide-ide cemerlang teman-teman untuk memadukanya dengan tampilan situs blog anda agar lebih Responsive dan mudah di terima pengunjung. Karena apalah artinya kalau kita membuatnya malah mengganggu pengunjung yang datang ke situs kita.
Mari kita beda dulu kode Marque dan fungsi-fungsinya agar kita lebih mengeri meletakkanya ke situs blog kita :
<marquee> Teks Tulisan Kamu Disini </marquee><marquee> = Kode Pembuka marquee
</marquee> = Kode penutup seperti biasanya dengan kode-kode lainya ditambahkan dengan tanda kres
Yang berwarna merah = Tulisan Kamu yang ingin kamu jalankan
Jika di jalankan kode diatas akan menghasilkan seperti di bawah ini :
- Untuk mengubah Tulisan sesuka kita Dapatkan saja kodenya di Menu HTML saat kita mau memposting artikel. Kita Tuliskan Artikel Tulisan yang kita jalankan dan Mendapatkan kodenya di Baliknya ( Dikolom hTML)
- Kode diatas standarnya dimana Dia bergerak ke arah kiri secara otomatis, Karena memang kebanyak orang membuat tulisan dari kiri ke kanan. Untuk merubahnya kekanan-kekiri bisa lihat kode berikut ini :
<marquee direction="right" width="50%">Teks Kamu disini BRO</marquee>
<marquee direction="left" width="50%">Teks Kamu disini BRO</marquee>
Hasil :
Tambahan perintah baru :
width="50%" = Merupakan Lebar dari kiri kanan layar yang kita ingin jalankan teksnya. jika diatas tanpa membuat pengaturan lebarnya akan terisi secara 100% dianya. Namun jika menggunakan pengaturan width silahkan saja bedakan Tulisan bergerak diatas dengan yang ini .
Right = Menjalankan ke kanan
Left = fungsi menjalankan kekiri
3. Backroudn, Font, Lamatnya tulisan
<marquee direction="right" scrollamount="1" width="100%" style="background:#FF6310"><font color="#000">ADD YOUR TEXT HERE....</font></marquee> <marquee direction="left" scrollamount="2"width="100%" style="background:#0080ff"><font color="#000">ADD YOUR TEXT HERE....</font></marquee>result :
fungsi :
scrollamount="1 = Menampilkan kecepatan dari teks yang ingin di jalankan, Angkanya bisa anda ganti dan test mana kecepatan yang kamu inginkan
style="background:#FF6310"><font color="#000"> = merupakan tampilan warna tempat teks melintas dan warna dari teks itu sendiri , silahkan ganti yang berwarna merah sesuai kesukaanmu.
4. Menampilkan Link di dalam Teks
Link aktif adalah hal yang paling utama ingin di tampilkan orang, Karena kebanyak mereka yang menjalankan teks tersebut ingin Promosi terhadap sesuatu agar lebih produktif link tentunya jawaban yang paling cocok dengan Hal tersebut.
kode :
<marquee direction="left" scrollamount="2"width="100%" style="background:#0080ff"><font color="#000"><a href='http://www.bangpurba.com/2013/04/jumlah-harta-kekayaan-hotman-paris.html'> Selamat kamu Telah Pintar membuat Tulisan Berjalan Di situs Blog.</font></marquee>
fungsi :
<a href = adalah fungsi untuk membuat link ke dalamnya, dan yang berwana biru diatas dalah Link yang akan di tampilkan.sihalkan ganti link warna biru diatas jika kamu ingin membuat link dengan Punya kamu :
hasil :
Pengalaman SPesial untuk pemilik website blog dengan Blogger :
jika kita menjalankanya di menu Compose tidak langsung berjalan, namun akan langsung nampak jika kita langsung menjalankanya atau dengan melihat petinjaunya langsung.
untuk Direction atau petunjuk arah jalanya teks berikut kode perintah yang berfunsi beserta keteranganya:
Up : TUlisan ke atas
Down : kebawah
5. Membuat Terpental kekiri-kekanan Otomatis dalam satu teks :
<marquee behavior="alternate" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50"> Terpental kekiri-kekanan manisa</marquee>
funsi : yang berwarna hijau tersebut adalah yang menjalankanya.
6. Penyertaan Gambar
Tidak hanya teks, gambar juga mampu dilankan oleh marqueee membuatnya akan lebih elegan dan profesional.
image yang coba di jalankan :
KOdenya :
<MARQUEE> Hi There! <IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihaw8P0PKVDHljlyXYmUgyvRBm41mQcluhYkTixj-uEsILk918ckE3EhHAv1KVLi3fJ7LLZz_K8N7CLgAo8doaqyICWqtRbBJM_VoLYJxXdsch3pvIeR3GJHDCYPaGmqaX7TkJK5ivMXrg/s200/test+Marquee.jpg" HEIGHT=33 WIDTH=82 ALT="SINI KAU BIar Kutarik"> </MARQUEE>
Tips :
Menampilkan marqueee di situs alangkah baiknya jika dibuat serapi mungkin, jangan sampai menggangu pengunjung. Dan Kalau boleh membuat marque di buat seperlunya saja karena kalau terlalu banyak nantinya akan mempengaruhi loading blog kita yang terpengaruh kepada SEO blog kita secara keseluruhan.
