Jumat, 14 Maret 2014

Cara Membuat Tulisan Bergerak Pada Footer Blog/Web

Cara Membuat Teks Berjalan di Bawah Footer :
1. Log In ke Blogger.
2. Pilih Template => Edit Html.
3. Cari kode ]]></b:skin>, Untuk mempermudah mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.
4. Setelah dapat, letakkan kode di bawah ini tepat di ATAS kode tadi !!!
#MD-tekstugasku4u{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg79zh_SstcRKPRldfoASq-2YHhTP3DeNxeqau0q8a9Y3gCbFpuLD07MMpOdhjBoaLvmcgmNbVbK9e3eu69GUvMg-fI3Lb7Y0u5nm4Rc5rl8BhqqMB62lAxPX0rtiOlXJn93BBbSOKXnhk/s1600/Tugasku4u-sticky.png') repeat;color:#5FF0BD;width:100%;height:150px;bottom:0;text-align:center;margin:0 auto;padding:0;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 0 10px 2px #888;height:28px;position:fixed;line-height:1.85em;vertical-align:baseline;letter-spacing:1px}
#MD-tekstugasku4u{font: bold 13px/30px Calibri;}
#MD-tekstugasku4u a{color:#00ABFF;text-decoration:none}
#MD-tekstugasku4u a:hover{color:#60CBFF;}
#MD-tekstugasku4u a:visited{color:#6A6A6A;}
5. kemudian cari kode </body> Untuk mempermudah lagi mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.
6. Setelah dapat, letakkan kode di bawah ini tepat di ATAS kode tadi !!!
<div class='ad-right section' id='ad-right'/>
<div class='ad-left section' id='ad-left'/>
<div id='MD-tekstugasku4u'>
<marquee onmouseout='this.start()' onmouseover='this.stop()' padding='5px' scrollamount='5' width='98%'>Tuliskan Deskripsi Yang Akan Anda Tampilkan Disini</marquee>
</div>
7. Simpan template dan lihat hasilnya. Jika dalam tutorial diatas masih ada yang kurang jelas, silahkan berkomentar di kotak komentar di bawah. 

0 komentar:

Posting Komentar

Terimakasih Atas Kunjungan Anda.Silahkan Tinggalkan Komentar dan Follow My Twitter