Headlines News :
Home » » Cara membuat teks berjalan di Blog

Cara membuat teks berjalan di Blog

Written By SD NEGERI 70/IV TANJUNG RADEN on Wednesday, 28 November 2012 | 02:59

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
Share this post :
Comments
0 Comments

Post a Comment

Komentar anda sangat berharga bagi kami

 
Support : Blog Guru PAI | Kemas Sudirman | Mas Template
Copyright © 2012. SD Negeri 70 Jambi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger