Cara Membuat Teks Berjalan di Bawah Footer

Cara membuat teks berjalan di bawah footer dengan efek melayang ini bisa dibilang gampang-gampang susah, karena teks berjalan ini hanya menambahkan sedikit 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 :

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/AVvXsEhW0gvPbtf1Z5FgYy_ijIhg64QD_LSX-ZsUljAAEDRRxCWTigIJVMol4rqV-iK8MP7lSsSDWxLGpV6Hx7VfCALi5XKbaZNJKNIi07qD3Sfl0v6UMgixdrlRtrd_fmmKLS54mMIcxZvlXtk/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. Baca juga Cara Memasang Iklan Kliksaya di blog, ini sangat berguna bagi Anda yang ingin mengasilkan uang dari internet. Jika Anda masih ingin membaca Tutorial dan Tips Blog seperti diatas, silahkan buka DAFTAR ISI di blog ini.

Tolong bantu saya klik Tombol Vote ini...

Share : Facebook Twitter Google+

Unknown | 8:00 PM | 14 komentar

Artikel Terkait : Cara Membuat Teks Berjalan di Bawah Footer