Membuat Banner Iklan Dengan Empat Kolom adalah salah satu bagian dari tugas seorang blogger dimana dia membuat tempat iklan secantik mungkin dengan mendesain kolom tempat iklannya. Sebenarnya tutorial ini sudah sangat banyak dibagikan oleh sahabat blogger, namun tentu dengan ide yang berbeda-beda. Nah, bagi Anda yang suka dengan banner iklan ini silahkan dipasang pada blog/website Anda sebagai pendorong bagi Advertiser tahu bahwa Anda menyediakan space iklan tersebut. Adapun langkah untuk membuat space iklan dengan empat kolom sebagai berikut :
Seperti biasa, setelah Anda masuk di akun blogger masuk di menu
Tatak Letak ->
ADD Gadget ->
HTML/JavaScript -> Masukkan
HTML di bawah ini dan
Simpan.
<style type='text/css' scoped='scoped'>
.kotak_iklan {background:#21514F;text-align:center;padding:10px;}
.kotak_iklan img {text-align:center;margin:2px;border:4px solid #372F2F;transition:all .5s ease-out;animation:BounceRate 3s;}
.kotak_iklan img:hover {border:4px solid #2F7570;transition:all .5s ease-out;}
</style>
<div class='kotak_iklan'>
<a href='URL IKLAN ANDA' target='_blank' title='Syarat dan ketentuan silahkan klik disini'><img alt='iklan banner' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT1ctQBknpJSfZjfPRMnrPTrPPSB3PFdlWOfqayvhMFm00RoBcrH16DMK8EoIP_pVFtgHaxZD7nB7XmiGWmuizsXhRC7MLOh3VTGDMheexuzJmBokXR8nB7L5Yl_pTYi0ThiDocodmJC8i/s1600/iklan.gif' title='Syarat dan ketentuan silahkan klik disini' width='125'/></a>
<a href='URL IKLAN ANDA' target='_blank' title='Syarat dan ketentuan silahkan klik disini'><img alt='iklan banner' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT1ctQBknpJSfZjfPRMnrPTrPPSB3PFdlWOfqayvhMFm00RoBcrH16DMK8EoIP_pVFtgHaxZD7nB7XmiGWmuizsXhRC7MLOh3VTGDMheexuzJmBokXR8nB7L5Yl_pTYi0ThiDocodmJC8i/s1600/iklan.gif' title='Syarat dan ketentuan silahkan klik disini' width='125'/></a>
<a href='URL IKLAN ANDA' target='_blank' title='Syarat dan ketentuan silahkan klik disini'><img alt='iklan banner' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT1ctQBknpJSfZjfPRMnrPTrPPSB3PFdlWOfqayvhMFm00RoBcrH16DMK8EoIP_pVFtgHaxZD7nB7XmiGWmuizsXhRC7MLOh3VTGDMheexuzJmBokXR8nB7L5Yl_pTYi0ThiDocodmJC8i/s1600/iklan.gif' title='Syarat dan ketentuan silahkan klik disini' width='125'/></a>
<a href='URL IKLAN ANDA' target='_blank' title='Syarat dan ketentuan silahkan klik disini'><img alt='iklan banner' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT1ctQBknpJSfZjfPRMnrPTrPPSB3PFdlWOfqayvhMFm00RoBcrH16DMK8EoIP_pVFtgHaxZD7nB7XmiGWmuizsXhRC7MLOh3VTGDMheexuzJmBokXR8nB7L5Yl_pTYi0ThiDocodmJC8i/s1600/iklan.gif' title='Syarat dan ketentuan silahkan klik disini' width='125'/></a></div>
Setelah selesai silahkan menuju
EDIT HTML dan cari kode ini
<b:include name'quickedit'/> setelah ketemu silahkan hapus kode ini agar tidak terjadi error pada validator.
Selamat mencoba..!!
Blogger
Google+
Facebook
Twitter