Cara Membuat Space Banner Iklan pada Blog - Membuat space kotak iklan pada blog akan memberi peluang bagi Anda untuk mendapatkan rupiah yang Anda inginkan. Karena ketika Anda membuat space kotak iklan diblog yang Anda miliki, secara tidak langsung Anda memberi kesempatan bagi orang lain yang ingin memasang iklan pada blog Anda. Apalagi jika blog yang Anda sudah popular dan memiliki trafic serta page rank dari google yang tinggi, maka pemasang iklan akan terus berdatangan untuk memasang iklan pada blog Anda. Namun tidak ada salahnya jika blog Anda belum memiliki trafic yang tinggi juga ingin menyediakan space kotak iklan.
Berikut ini adalah cara untuk membuat kotak iklan pada blog :
- Siapkan gambar atau image yang ingin kita pasang pada space iklan yang berukuran 125 x 125 px, agar gambar kelihatan menarik dan memiliki efek silahkan Anda baca membuat banner animasi dan flash. Kemudian simpan gambar tersebut pada hosting penyipanan gambar seperti photobucket untuk mendapatkan url gambar yang nantinya kita butuhkan.
- Jika sudah, kita akan membuat space kotak iklannya, login ke account blogger Anda.
- Klik rancangan atau tataletak bagi yang menggunakan dasbor blogger baru.
- Kemudian klik Edit HTML dan cari kode ]]></b:skin> (gunakan ctrl + f ) untuk mempermudah pencarian.
- Sisipkan kode CSS diatas kode ]]></b:skin>
- Kemudian save template Anda.
- Langkah selanjutnya kembali ke Elemen laman dan klik tambah gadget > pilih HTML/Javascript
- Copy dan paste kode HTML (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan)
- Save pekerjaan Anda dan lihat hasilnya.
Code CSS Iklan
#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);
}
Code HTML Iklan
<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>
Space kotak iklan diatas merupakan space kotak iklan yang terdiri dari 4 bagian yaitu atas kiri, atas kanan dan bawah kiri serta bawah kanan. Jika anda ingin mengurangi space kotak iklan, anda dapat menghapus kode dibawah ini :
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
Demikian Cara Membuat Kotak Iklan pada Blog ini, semoga hal ini dapat bermanfaat bagi anda.
2 komentar