Membuat Tulisan Berjalan Melayang di Footer Blog

Written By jendoang on Minggu, 14 Desember 2014 | 07.37

Print this page
Cara Membuat Tulisan Berjalan Melayang di Bagian Bawah (Footer) Halaman Blog :

Perhatikan contoh di bawah pada blog Amarajen yang sedang anda buka sekarang, di sini saya sudah menambahkan foto yang tampil sebelum teks bejalan, simak langkahnya :1. Login ke Akun blogger anda, melalui www.blogger.com
2. Masuk ke Dashboard, Pilih Template, lalu Klik Edit HTML
3. Contreng "Expand Templae Widget"
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini tepat diatas kode ]]></b:skin>

/* footer dinamis */
#footer2 {
align: center;
position: fixed;
border-top: 1px solid #98cefc;
border-bottom: 1px solid #98cefc;
background-color: #FFFFFF;
width: 100%;
height:16px;
text-align: left;
color: #000000;
font-family: Verdana;
font-weight: bold;
font-size: 13px;
z-index:10000;
bottom:0;
}

6. Cari kode </body> atau anda tempatkan antara <body> dan </body>
7. Copy kode dibawah ini tepat diatas kode </body>

<div id='footer2'>
<marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1'>Selamat datang di blog Amarajen, Terima kasih telah berkunjung di blog kami.. Semoga anda senang!!</marquee>
</div>

dalam tag <marquee....... anda tambahkan kode berikut ini : scrolldelay="20" truespeed="truespeed", agar jalan teksnya lebih halus dan enak dilihat

Keterangan : Ganti tulisan yang berwarna merah dengan kata - kata anda sendiri, untuk penempatannnya silahkan anda atur-atur sendiri termasuk batas bawahnya untuk contoh di atas bottomnya = 0

8. Save Changes.

Nah, mudah kan cara membuatnya?

Demikian postingan saya Cara Membuat Tulisan Berjalan Melayang di Bagian Bawah (Footer) Halaman Blog.

Share this article :