Cara Membuat Banner Di Footer

Hallo Sobat Emalution , Pada Malam yang cerah ini dan bertepatan pada malam minggu saya akan share cara membuat banner di footer.

langsung saja kita ke cara-caranya.

Terapkan kode ini diatas ]]></b:skin> atau </style>

/*banner-footer*/
#banner-footer {
background: #111;
padding: 2px;
margin: auto;
width: 880px;
height: 32px;
text-align: center;
border-radius: 5px;
}

Sobat bisa sesuaikan dengan Panjang nya dan warna backgroundnya.

Lalu Terapkan KODE berikut di atas Credit atau dibawah <footer>

<div id='banner-footer'>

<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
<a href='http://wahid-emalution.blogspot.com'><img alt='Wahid Emalution' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlZgVDCS28TFEZSDNMDKVdoAEVeK5qUScBhLFDPi9cNMRKe6cZTHXTajbyY-jCmZUzTHPwAHilj96bN_wuHA_RnoXksYXql2dQJcbBUDV1qC9HbdjB_us3rAoeua4LX3lzkFVhAGTQS4/s1600/banner-88-emalution-fix.gif'/></a>
</div>

Nah ganti Kode banner Wahid Emalution Dengan Banner Blog Sobat.

Mudah bukan , Yap Cukup sekian Tutorial ini dan tunggu tutorial lainnya di Wahid Emalution.

Terima kasih