Membuat Widget Banner Iklan Blog Responsive

Untuk membuat iklan sendiri dan memasangnya di blog pada widget sangat mudah, ukuran iklan secara responsive dan mobile friendly 125x125, 300x100, 728x90, 336x280, 300x600, 300x250 atau ukuran yang disesuaikan sendiri secara pribadi, maraknya toko online bisa kita manfaatkan untuk membuat banner jasa pasang iklan yang berada di blog kita, bisa di manfaatkan untuk menambah penghasilan bagi yang ingin memasang produknya di website anda, widget kotak iklan tersebut sangat penting, kita juga bisa membuat dengan cara gambar bergerak dengan tulisan reklame, sebagai promosi barang atau jasa di blog.

Pertama saran saya buatlah papan reklame iklan semenarik mungkin agar calon klien anda tertarik, atau bisa request sendiri bahkan boleh juga apabila si klien sudah mempunyai gambar khusus, untuk format gif kita bisa menggunakanya dengan photoshop atau software yang lain, buatlah harga pasang di blog kalian dengan murah, jangan mahal terlebih dahulu, buat murah aja biaya perbulanya agar anda segera memasang iklan orang di blog anda.

BANER IKLAN PERTAMA
Ini adalah baner iklan ukuran apapun.

<div class='banner-ataspost'>

Baner iklan disini

</div>

CSS

.banner-ataspost{padding:0;width:100%;height:auto;margin:30px 0 20px 0;}

.banner-ataspost img{width:100%;height:auto;}

.banner-ataspost{text-align:center}

Atur sendiri css sesuka hati.

BANER IKLAN KEDUA

Langsung tutornya aja. ini baner 4 iklan dalam kotak.

1. Seperti biasa anda menuju ke tempat editor template blog dan cari kode css skin seperti ini biasanya ]]> </b:skin>

.baim_iklan {text-align: center;margin:0 auto;padding:16px 0 0;border:1px solid #ddd;width:298px;height:280px;} .baim {margin: 0px 0px 16px 16px;padding:0;background:#ddd;height:125px;width:125px;display:inline;float:left}

Setelah itu langsnung klik save pada editor template blog kalian.

2. MEMASUKAN KODE PADA WIDGET

Tahap yang kedua ini cukup mudah karena hanya tinggal memasukan kode HTML pada widget maupun di beberapa tempat di template anda, seperti biasa menuju tata letak blog dan tambah widget HTML/Javascript, lalu copy semua kode kode di bawah ini dan paste pada widget tujuan anda.

<div class="baim_iklan">
<div class="baim"><a href="Link Banner"><img alt="teks alternatif" src="Link Gambar" title="Teks pada judul banner" /></a></div>
<div class="baim"><a href="Link Banner"><img alt="teks alternatif" src="Link Gambar" title="Teks pada judul banner" /></a></div>
<div class="baim"><a href="Link Banner"><img alt="teks alternatif" src="Link Gambar" title="Teks pada judul banner" /></a></div>
<div class="baim"><a href="Link Banner"><img alt="teks alternatif" src="Link Gambar" title="Teks pada judul banner" /></a></div>
</div>

KETERANGAN DIATAS

Link Banner silahkan isi link gambar anda yang akan anda buat pada calon iklan anda di widget, Teks pada judul banner silahkan anda isi dengan kata seindah mungkin.

Sumber Referensi : Terwujud.com