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

Sumber http://nangz-souls.blogspot.com/2013/09/cara-membuat-banner-footer-di-blog.html

Cara Membuat Banner Footer Di Blog 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share This To :

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Membuat Banner Footer Di Blog. Anda bisa bookmark halaman ini dengan URL https://mickeym4ru.blogspot.com/2013/10/cara-membuat-banner-footer-di-blog.html. Terima kasih!

Ditulis oleh: Unknown - Jumat, 11 Oktober 2013