Cara Membuat Banner Footer Di Blog

                                                       
halo blogger kali ini saya akan share banner footer ala MR Madara yang di footer itu loh soalnya ada temen saya di Facebook yang minta di post caranya untuk dia saya share deh oke langsung ke tkp

Tutornya :
1. pasti sobat udah yaitu 
Login Blogger ---> Dashboard ---> Template ---> Edit Html
2. Cari Kode ]]></b:skin> Agar Lebih mudah dalam mencari, sobat gunakan Ctrl + F
Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

#Nangzsouls{margin-top:-10px;margin-left:0px;width:1070px;height:28px;background:#000000;border:3px solid#222; border-radius:30px;
-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;overflow:hidden;}
#Nangzsouls h2{color:#fff;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;background:#060000;font-weight: normal;font-size: 15pt;background:#060000;text-align:center;
}
#Nangzsouls:hover{height:60px;}
#team{position:absolute;margin-left:280px;height:310px;width:210px;overflow:hidden;background:transparent;margin-top:-150px;}

NB:
- ganti kode merah dengan lebar kotak yang kamu mau
- ganti kode biru dengan background kotak banner footer
- ganti kode hijau dengan garis warna kesukaan kamu

3. cari kode <div id='footer'><div class='footer'> atau <div id='footer'>
masukkan kode di bawah ini tepat dibawah kode yang tadi

<div id='Nangzsouls'><h2>Banner Footer</h2><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a><a href='http://cheat-silvan3t.blogspot.com/' target='_blank'><img src='http://i.imgur.com/Gr9lOZv.gif'/></a>
</div>

Nb : ganti kode warna merah dengan kode banner 88x31 kamu

4. kemudian simpan dan lihat hasilnya

oke segitu aja ya kalo gak bisa komen di bawah ini ya oke bye

0 komentar

Tambahkan Komentar Anda