Cara Membuat Banner Iklan di Blog

Membuat Banner Iklan:
1. Sediakan Gambar untuk Promosi pemasangan iklan. Sebaiknya gambar tersebut menarik seperti gambar animasi. Untuk membuat animasi dengan efek yang menarik, salah satu caranya adalah membuat banner animasi.
2. Jika Gambar telah siap, maka sobat login ke akun Blogger sobat.
3. Masuk ke bagian Template dan pilih Edit HTML.
4. Cari kode ]]></b:skin>, agar lebih mudah gunakan tombol ctrl+F.
5. Masukan kode berikut diatas kode ]]></b:skin>.
 

#super-beeads {margin:0px;padding:0px;text-align:center}
#super-beeads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#super-beeads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Sobat bisa membuat 4 kotak iklan sekaligus dengan posisi 2 baris x 2 kolom.
Untuk lebih jelasnya, beginilah contoh hasil pembuatanya:

Perhatikan, untuk kode berwarna merah adalah jarak antara kotak iklan atas dengan kotak iklan bawah, sedangkan untuk warna biru adalah jarak antara kotak iklan kiri dan kotak iklan kanan. Sesuaikan dengan keinginan sobat.

6. Setelah selesai, save Template sobat.
7. Tahap selanjutnya, sobat masuk ke bagian Tata Letak.
8. Klik tambah gadget pada bagian dimana sobat akan memasang kotak iklan.
9. Masukan kode berikut, (sesuaikan berapa kotak iklan yang akan sobat buat).

<div id="super-beeads">
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title=" Title-Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
</div>
Catatan, Untuk kode warna merah adalah Url tujuan gambar, untuk kode warna hijau adalah Title gambar, untuk kode warna kuning adalah Alt/Text Gambar, untuk kode warna biru adalah Url gambar.
Kode diatas akan menghasilkan 4 gambar dengan urutan: kiri atas, kanan atas, kiri bawah dan kanan bawah. Silakan hapus salah satu jika tidak diperlukan.
Sobat bisa memasukan Url promosi pemasangan iklan pada gambar, atau jika telah ada yang memasang iklan sobat masukan Url tujuan iklan gambar tersebut.

10. Simpan pekerjaan sobat dan lihat hasilnya.

Semoga sobat mengerti dengan pembahasan ini, dan mudah-mudahan berhasil. Sukses untuk kita semua...

#sumber: Super-Bee