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.
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/AVvXsEhi5T0by0CobB7a2n60yK8aLE98imGnQTBr7oJrhr5wfyO7p2yHP9U1TCYuyR2Od8Rzq3c5g1anK0Bz9bhLylnZwhg22k53ekySiZtveMc1iSGhHOj0JjMfS4Kd8cKU6eNeYdIe4QcnWi4/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>
ndusaajdad
BalasHapus