Tulisan berjalan melayang di footer

Ini saya posting khusus untuk temen yang bertanya kepada saya, bagaiman caranya membuat tulisan berjalan di footer yang tidak ikut berubah saat halaman di scroll, seperti sobat lihat di bawah blog ini, sebenernya trik ini sudah banyak bertebaran dib blog-blog, mungkin bagi blogger professional trik ini memasang sudah kuno dan basi alaias deso, tetapi bagi yang belum tau dan baru belajar semoga ini bisa berguna dan bermanfaat, membuat footer yang dinamis atau tetap saat halaman di geser atau di scroll sebenernya sangat mudah dan simple.
Baik langsung saja kita praktek saja, pertama-tama masuk blogger.
Edit HTML.
Masukkan kode CSS dibawah ini tepat di atas kode: ]]></b:skin>
<STYLE>
/* footer dinamis */
#footer2 {
align: center;
position: fixed;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #0083a4;
width: 100%;
height:16px;
text-align: left;
color: #fff;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
z-index:10000;
bottom:0;
}
Setelah itu copy kode dibawah ini tepat di atas kode: </body>
<!– footer dinamis –>
<DIV id=’footer2′>
<MARQUEE onmouseout=’this.start()’ onmouseover=’this.stop()’ scrollamount=’3′>contoh tulisan berjalan</MARQUEE>
</DIV>
Setelah itu pratinjau untuk melihat hasilnya, kalau sudah berhasil silahkan kalian save template kalian.
untuk mengatur kecepatan text yang berjalan kalian tinggal tambahkan nilai pada: scrollamount, semakin banyak nilainya maka akan semakin cepat.
Itu tadi trik dari saya lebih dan kurangnya untuk para blogger yang sudah mahir dalam bahasa website. Silahkan sampaikan saran dan kritikannya, bagi yang belum paham atau kesulitan dalam memasangnya silahkan tanyakan di kolom komentar nanti saya Bantu, insya Alllah.

Artikel Terkait