Saturday, August 11, 2018

Cara Membuat dan Memasang Kotak Iklan di Blog Ukuran 125 x 125

Cara Membuat Kotak Iklan di Blog Berbagai Ukuran - Kali ini rekblogging akan membagikan tutorial tentang widget blog atau pun html blog yaitu bagaimana cara membuat dan memasang kotak iklan di blog dengan banner space ukuran 125x125. Iklan untuk blog memang menjadi salah satu penghasilan utama. Apabila trafik blog semakin tinggi maka berpeluang besar untuk mendapatkan tawaran dari para pengiklan untuk mengiklankan produk atau jasanya di blog Kamu. Biasanya semakin baik kualitas blog dan semakin banyak pengunjungnya maka tinggi pula nilai sewa pasang banner iklan di blog.

Cara memasang kotak iklan di blog


Dari berbagai macam ukuran iklan, kali ini akan Saya bagikan script cara membuat iklan ukuran 125 x 125 yang terdiri dari 4 kolom iklan. Saya membuat banner iklan ini terinspirasi dari Arlina dengan menambahkan sedikit efek agar lebih menarik. Biasanya iklan banner ukuran 125x125 dipasang pada bagian sidebar blog (kebanyakan di sebelah kanan). Tetapi tidak menutup kemungkinan bisa diletakkan di bagian bawah atau kiri halaman. Yang penting mudah dilihat dan menarik perhatian pengunjung blog.
Mungkin berbeda dengan cara memasang iklan google adsense di blog yang tinggal mengcopy script adsnya dan langsung muncul iklan sesuai ukuran yang dipilihnya. Kotak atau banner iklan yang di buat manual ini memang dibuat khusus untuk ukuran tertentu kepada para advertiser yang akan mengiklankan. Biasanya dalam halaman blog dibuat ada kolom iklan  sendiri agar tahu bahwa blog tersebut menyediakan tempat untuk mengiklankan produk mereka. Dan banner iklannya pun dari pihak advertiser yang disesuaikan dengan ukuran kolom iklan. Berikut cara untuk memasang kotak iklan di website jika Kamu ingin membuka jasa pasang iklan agar bisa menghasilkan uang.

Baca juga: Cara Membuat Catatan Efek Lipatan

Cara Membuat Kotak Iklan di Blog Ukuran 125x125


#1 Buka dashbor blogger
#2 Pilih menu Theme
#3 Pilih Edit HTML
#4 Cari kode ]]></b:skin> atau </style> Gunakan Ctrl+F untuk mencarinya.
#5 Tambahkan kode di bawah ini sebelum kode di atas dan save theme.

/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:1.2px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border-radius:10px;background:#fff;transform: scale(1.1);transition: all .5s;}
.kotak_iklan  img.nborder {border:0;}

Cara Memasang Iklan di Blog


#1 Pilih menu Layout
#2 Klik Add a Gadget
#3 Pilih HTML/Javascript
#4 Masukkan kode di bawah ini pada kolom tersebut kemudian save.

<div class="kotak_iklan">
<a href="Ads URL" title="Ads title"><img class="noborder" src="Picture URL" alt="Picture alt" width="125" height="125" /></a>
<a href="Ads URL" title="Ads title"><img class="noborder" src="Picture URL" alt="Picture alt" width="125" height="125" /></a>
<a href="Ads URL" title="Ads title"><img class="noborder" src="Picture URL" alt="Picture alt" width="125" height="125" /></a> 
<a href="Ads URL" title="Ads title"><img class="noborder" src="Picture URL" alt="Picture alt" width="125" height="125" /></a> 
</div>
Catatan: Ganti kode yang berwarna kuning sesuai kebutuhanmu

Demikian tutorial cara membuat iklan di blog dengan ukuran 125x125. Script yang digunakan untuk membuat iklan ini responsive dan cukup menarik sehingga sangat cocok sebagai tempat meletakkan iklan.


EmoticonEmoticon