Monday, October 10, 2011

tulisan berjalan di footer

senantiasa belajar cara membuat tulisan berjalan di footer

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.

demo disini
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>

</DIV>

trims "senantiasa belajar"tulisan berjalan di footer



contoh tulisan berjalan
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.
-->

2 comments:

  1. <MARQUEE onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'><img src="http://a.deviantart.net/avatars/t/h/thorns.gif?6"height="50px"; title="henry tea"></MARQUEE>

    ReplyDelete
  2. <img src="http://a.deviantart.net/avatars/t/h/thorns.gif">

    ReplyDelete