Cara Membuat Banner Iklan 4 Kolom

Cara Membuat Banner Iklan 4 Kolom - Setelah lumayan lama saya tidak posting dan membuka blog, dikarenakan banyak keperluan akhir-akhir ini kali ini saya bingung untuk memposting apa tapi ketika saya melirik kesidebar blog ini yang masih sepi, ada ide untuk membuat banner iklan di sidebar blog, untuk sidebar ini saya tidak membuat sendiri karena saya belum begitu mengerti soal coding ataupun masalah trik-trik membuat blog lebih cantik, B-One hanya blog newbie yang sekedar berbagi kepada kalian dari blog-blog master yang ada. Baiklah ini screenshotnya:

Kurang lebih seperti itulah penampakannya, banner ini saya dapat dari teman blog tutornesia. Bagi anda yang berminat silahkan ikuti cara mudah di bawah ini:

Tata Letak >> ADD Gadget >> HTML/JavaScript >> Masukkan HTML 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/AVvXsEg0uRCmFOlawwC5DAE-LEoNg4RqFuqYIdjMcF98Tb5OWUqqwvVY2uSQyv18IA77CllvbAnaUsendD0cF1wjVtAPEd7l5fslQ-zJqDxaHg2dO1tRbnSZwWewpd7I-nXqMua7UvGkknTVo9dh/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/AVvXsEg0uRCmFOlawwC5DAE-LEoNg4RqFuqYIdjMcF98Tb5OWUqqwvVY2uSQyv18IA77CllvbAnaUsendD0cF1wjVtAPEd7l5fslQ-zJqDxaHg2dO1tRbnSZwWewpd7I-nXqMua7UvGkknTVo9dh/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/AVvXsEg0uRCmFOlawwC5DAE-LEoNg4RqFuqYIdjMcF98Tb5OWUqqwvVY2uSQyv18IA77CllvbAnaUsendD0cF1wjVtAPEd7l5fslQ-zJqDxaHg2dO1tRbnSZwWewpd7I-nXqMua7UvGkknTVo9dh/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/AVvXsEg0uRCmFOlawwC5DAE-LEoNg4RqFuqYIdjMcF98Tb5OWUqqwvVY2uSQyv18IA77CllvbAnaUsendD0cF1wjVtAPEd7l5fslQ-zJqDxaHg2dO1tRbnSZwWewpd7I-nXqMua7UvGkknTVo9dh/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.

Silahkan Edit sendiri warna background dan text dengan selera yang anda sukai. Untuk Pilihan code warna silahkan ada di menu navigasi di atas.

Source: http://tutornesia.blogspot.com/2014/04/19.Membuat-Banner-Iklan-Dengan-Empat-Kolom.html

Share on: