Teks berjalan ini bisa juga dibilang mirip dengan headline news. Teks
berjalan berfungsi sebagai informasi tambahan menganai blog kita.
Letaknya bisa pada bagian header ataupun footer. Namun kali ini akan dibahas mengenai tutorial Cara membuat teks berjalan di Blog pada bagian footer.
Langkah-langkahnya :
-masuk ke dasbor blog/akun blogger
-pilih menu template-->edit html-->lanjutkan. ceklist expand template widget.
- cari kode ]]></b:skin>
-letakkan kode berikut diatas kode ]]></b:skin>
/* footer dinamis */
#footer2 {
align: center;
position: fixed;
border-top: 3px solid #ff0000;
-webkit-border-radius: 5px;
background-color: #ac0;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
-webkit-background-size: 13px;
-moz-background-size: 13px;
width: 100%;
height:20px;
text-align: left;
color: black;
font-family: 'Aldrich', sans-serif;
font-weight: bold;
font-size: 15px;
z-index:10000;
bottom:0;
}
-Kemudian Cari lagi kode : </body> dan letakkan kode berikut tepat diatasnya
<div id='footer2'>
<marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>Ganti tulisan ini dengan dengan kalimat yang anda inginkan</marquee>
</div>
-Save template
selesai dan selamat mencoba
selesai dan selamat mencoba