Cara Memasang Banner iklan 125x125 di Blog

Cara Memasang Banner iklan 125×125 di Blog – Kali ini saya akan jelaskan cara untuk memasang banner iklan ukuran 125×125 di blog. sobat blogger biasanya setelah blog sudah dibanjiri pengunjung atau visitor adalah memberikan space ruang iklan diantaranya ukuran 125×125 yang dipasang pada sidebar blog yang tertata rapi 4 kolom.Unduk demonya sobat bisa lihat DISINI.

Memasang Banner iklan 125×125 di Blog dengan menggunakan kode css menjadi pilihan tersendiri agar tampilan iklan Banner iklan 125×125 di sidebar blog terlihat keren dan menjadi daya tarik pengunjung. untuk memasangnya cukup mudah, sobat blogger ikuti tutorial Cara Memasang Banner iklan 125×125 di Blog dibawah ini:

Cara Memasang Banner iklan 125×125 di Blog

1. Masuk ke Akun Blog sobat.

2. Klik Template Lalu klik Edit HTML

3. Sobat cari kode masukkan kode ]]></b:skin> lebih mudah dengan Ctrl+F, Lalu letakkan kode dibawah ini tepat di atas kode ]]></b:skin>

/*Kotak Iklan 125×125*/
#kotak-iklan-125×125 {
margin: 0px;
padding: 1px;
text-align: center; }
#kotak-iklan-125×125 img {
margin: 3px 3px 6px 6px;
padding: 1px;
text-align: center;
border: 3px dotted #000;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:10px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#kotak-iklan-125×125 img:hover {
margin: 3px 3px 6px 6px;
padding: 3px;
text-align: center;
border: 3px solid #ff0000;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:10px;
}

4. Simpan terlebih dahulu.

5. Setelah sobat simpan, sekarang Klik Tata Letak >>Tambahkan Gadget >> HTML/Javascript.

Masukkan kode dibawah ini dalam kotak HTML/Javascript.

<center><div id=”kotak-iklan-125×125″>
<a target=”_blank” href=”http://www.zainelhasany.com/“><img alt=”banner ads” src=”http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png” border=”0″/></a>
<a target=”_blank” href=”http://www.zainelhasany.com/“><img alt=”banner ads” src=”http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png” border=”0″/></a>
<a target=”_blank” href=”http://www.zainelhasany.com/“><img alt=”banner ads” src=”http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png” border=”0″/></a>
<a target=”_blank” href=”http://www.zainelhasany.com/“><img alt=”banner ads” src=”http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png” border=”0″/></a>
</div></center>

Keterangan:

Kode yang berwarna Merah Silahkan sobat ganti dengan URL Banner sobat.

Kode yang berwarna Biru Silahkan ganti dengan URL gambar banner iklan sobat.

6. Selesai, Sobat simpan dan lihat hasilnya.

Jika sobat ingin tampilan biasa tanpa css, silahkan ikuti tutorial dibawah ini:

Cara Memasang Banner iklan 125×125 di Blog tanpa css

1. Masuk ke Akun Blog sobat.

2. Sekarang Klik Tata Letak >>Tambahkan Gadget >> HTML/Javascript. Masukkan kode dibawah ini dalam kotak HTML/Javascript.

<a href=”URL/Alamat Iklan Sobat” rel=”nofollow”><img border=”0″ alt=”cara membuat banner iklan kotak 125×125 di blog” width=”125″ src=”http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png” height=”125″/></a></center>
</td> </p>
<p>
</tr>
</p>
<p>
<tr></p>
<p>
<td><center>
<a href=”URL/Alamat Iklan Sobat” rel=”nofollow”><img border=”0″ alt=”cara membuat banner iklan kotak 125×125 di blog” width=”125″ src=”http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png” height=”125″/></a></center>
</td> </p>
<p>
<td><center>
<a href=”URL/Alamat Iklan Sobat” rel=”nofollow”><img border=”0″ alt=”cara membuat banner iklan kotak 125×125 di blog” width=”125″ src=”http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png” height=”125″/></a></center>
</td></p>
<p>
</tr>
</p>
<p>
</tbody></table>
</p>
</div>

Keterangan:

Kode warna MERAH adalah alamat iklan sobat

Kode warna BIRU adalah Alamat Gambar iklan sobat.

3. Simpan dan lihat hasilnya.

Sekian dulu penjelasannya dan selamat mencoba. jika sobat blogger ada masalah silahkan tinggalkan pesan dengan berkomentar. terima kasih.

Anda baru saja membaca artikel yang berkategori Iklan dengan judul Cara Memasang Banner iklan 125×125 di Blog . Jika kamu suka, jangan lupa like dan bagikan keteman-temanmu ya… By : Zain Elhasany