Cara membuat tulisan berjalan dan gambar-image (Marquee) di blog memang sangatlah mudah. Kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee. Marquee berguna untuk mempercantik tampilan blog sehingga pengunjung bisa lebih suka dengan blog anda.Perlu anda ketahui bahwa kode dasar Marquee adalah..
Kode diatas menjadi seperti ini
TEKS YANG BERGERAK
Jadi, dengan mengerti kode dasar diatas, anda bisa membuat bermacam-macam variasi kode Marquee. baca juga ttng Social Bookmark dengan efek easing | widget bookmark dan social bisa di geser Sebelum membahas ke variasi kode Marquee. Mari kita bahas terlebih dahulu cara pemasangannya.. Ada 2 tempat untukpemasangan kode Marqueeini, yaitu untuk Widget dan artikel..
Cara pemasangan kode Marquee pada artikel
1.Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
2.Silahkan masukkan kode Marquee di mode HTML
3.Cek posisi teks di mode Compose
4.Untuk melihat apakah kode berjalan, silahkan klik Pratinjau.Cara pemasangan kode Marquee pada widget
1.Login ke akun blogger anda
2.Masuk ke menu Tata Letak, Klik tambahkan gadget
3.Silahkan pilih HTML/Java Script
4.Masukkan kode Marquee yang anda pilih
5.Silahkan klik Simpan
6.Kemudian silahkan cek apakah kode sudah bekerja.
<marquee behavior="slide" direction="left">masukan texts di sini</marquee>
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">masukan text disini,jalan text cepat</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">masukan text disini,jalan text cepat</marquee>
<!-- HTML Codes by Quackit.com -->
<style type="text/css">
.html-marquee {height:auto;width:250px;background-color:ffff33;background-image:url(http://);font-family:Cursive;font-size:14px;color:000000;border-width:4;border-style:dotted;border-color:ff0000;}
</style>
<marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="12" ><img src="http://cikupacikupa.blogspot.com/pix/smile.gif"> Masukan text disini</marquee>
<style type="text/css">
.html-marquee {height:auto;width:250px;background-color:ffff33;background-image:url(http://);font-family:Cursive;font-size:14px;color:000000;border-width:4;border-style:dotted;border-color:ff0000;}
</style>
<marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="12" ><img src="http://cikupacikupa.blogspot.com/pix/smile.gif"> Masukan text disini</marquee>
0 comments