CARA MEMBUAT TEKS BERJALAN DI BAWAH FOOTER

Posted by : Zikra Rabu, 27 November 2013

Cara membuat teks berjalan di bawah footer ini bisa dibilang gampang-gampang susah, karena hanya menambahkan kode CSS dan kode HTML.
Tutorial ini saya buat dikarenakan banyak yang merequest untuk dibuatkan tutorial seperti ini. berbeda dengan postingan saya
yang lalu yaitu Cara Membuat Teks Berjalan di Atas Header. Teks berjalan kali ini kelihatan lebih elegan dan profesional... okey langsung saja ikuti langkah-langkah yang ada dibawah ini.

Cara Membuat Teks Berjalan Di Bawah Footer dengan Efek Melayang :

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/AVvXsEi79PfkqTeB39VicvAWlN4jAnTL9WGeREgwWac_dJWMZRqoN5NVJ1Fqbdci4_nSHvIvh6UywzXIdgk5ywqUiUlypCj3HEINmNoL7Uf3N4l0_ija93wyXLpKW593xWz8Uz1ebi_hSde7rEw/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; -moz-box-shadow:0 0 10px 2px #888;-webkit-box-shadow:0 0 10px 2px #888;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 !!!

<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.