Tuesday, January 27, 2015

Tutorial membuat Widget Space Banner Iklan di Blog

Cara Memasang Kotak Space Banner Iklan di Widget Blog

Memunculkan kotak space iklan pada akan blog memberikan peluang & informasi pada advertiser bahwa blog tersebut menawarkan kotak space iklan yang dapat disewa. Apalagi bila blog tersebut mempunyai kredibilitas, rank, dan traffic tinggi, tidak dapat dipungkiri pihak - pihak advertiser/pemasang iklan akan datang untuk memasang iklan/banner iklan pada blog tersebut. Tetapi tidak ada salahnya apabila ada blog baru yang menawarkan space/ruang untuk iklan sebagai tempat promosi untuk pihak advertiser. Anggap saja sebagai persiapan dan kali saja ada advertiser yang tertarik. Disamping itu juga pemasangan kotak iklan dapat menjadi daya tarik tersendiri untuk blog tersebut jika ditempatkan pada posisi yang benar.

Kotak space iklan Ukuran 125x125
Kotak space iklan Ukuran 300x250
Kotak space iklan Ukuran 468x60, dst:

Ukuran kotak iklan pada blog
Ukuran kotak iklan pada blog

Dengan menghilangkan width dan height, template kotak space iklan ini kini dapat dipasang untuk berbagai jenis ukuran banner iklan, . Pakailah gambar sesuai dengan ukuran yang dibutuhkan agar widget kotak space iklan dapat muncul sesuai dengan ukuran tersebut.

Tutorial Memasang Kotak Space Banner Iklan di Widget Blog:

1. Masuk ke dashboard > template/design < Edit HTML
2. Copy kode CSS berikut & letakkan di ATAS ]]></b:skin>

    #Adsbykanknkunk {margin:0px;padding:0px;text-align:center}
    #Adsbykanknkunk  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;}
    #bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Ubah nilai angka di margin:1px 1px gunanya untuk dapat mengatur jarak pada gambar iklan. Nilai Angka pertama jarak atas bawah, nilai angkan kedua jarak kiri kanan.
3. Kemudian, Save Template.
4. Lalu, Buka layout/design > Add a widget > Pilih HTML/Javascript.
5. Copy kode HTML berikut (editlah lebih dulu gunanya untuk menyisipkan link dan url gambar yang akan dipakai):

    <div id="Adsbykanknkunk">
    <a href="Pasang-URL-Disini" target="_blank" title="JUDUL-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
    <a href="Pasang-URL-Disini="_blank" title="JUDUL-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
    <a href="Pasang-URL-Disini="_blank" title="JUDUL-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
    <a href="Pasang-URL-Disini="_blank" title="JUDUL-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
    </div>

* Ubah tulisan yang berwarna MERAH dengan URL yang anda inginkan
* Ubah tulisan yang berwarna BIRU MUDA dengan judul iklan yang anda inginkan
* Ubah tulisan yang berwarna HIJAU MUDA dengan penjelasan gambar untuk iklan yang anda inginkan
* Ubah tulisan yang berwarna BIRU TUA dengan URL gambar untuk iklan yang akan anda pasang

Apabila akan menambahkan/mengurangi kotak space iklan tambahkan/hapus pada bagian:
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a> di atas </div>.
6. Save. Drag/geser gadget ke posisi yang diinginkan, untuk ukuran yang lebar & besar, letakkan widget di bawah header atau di atas posting. Save lagi.

Artikel Terkait

Tutorial membuat Widget Space Banner Iklan di Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email