Saturday, May 13, 2017

Cara Memasang Kotak Iklan di Blog

Cara Memasang Kotak Iklan di Blog - Pada kesempatan ini Saya akan membahas mengenai tutorial membuat kotak iklan di blog yang berukuran 125x125 pixels. Mungkin Anda sudah mengetahui bahwa kegiatan menulis artikel di blog kini tidak lagi hanya sekedar pelepas hobi atau mengisi kekosongan waktu. Membuat blog dan memanagenya dengan baik dan benar juga dapat menghasilkan materi berupa uang yang sebagian besar para blogger menjadikannya sebagai salah satu mata pencaharian.

Cara Memasang Kotak Iklan di Blog

Menampilkan atau membuat space iklan berupa banner di website / blog biasanya dijadikan peluang bisnis tersendiri oleh blog atau website yang memiliki pengunjung yang banyak dan memiliki kepopuleran di search engine. Namun tidak menutup kemungkinan blog Anda yang masih baru dapat tawaran oleh pihak advertise untuk memasang iklan mereka ke dalam blog yang Anda miliki. Jika Anda tertarik untuk menyediakan atau membuat kotak iklan di blog, ikuti tutorial blogger yang akan Saya jelaskan berikut ini.

Perlu Saya sampaikan sebelum Anda membuat kotak iklan de blog adalah hal yang perlu diperhatikan dalam menampilkan space banner iklan adalah letak serta susunannya agar semakin menarik minat orang banyak. Jadi tidak asal pasang gambar yang akhirnya iklan yang ditampilkan menjadi kurang menarik karena berantakan.

1. Silakan login ke Blogger Anda > Tema > Klik Edit HTML > Kemudian tambahkan kode di bawah ini sebelum kode ]]></b:skin> atau </style>

/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border:1px solid #aaa}
.kotak_iklan  img.noborder {border:0;}

2. Simpan template

3. Kemudian klik Tata Letak > Tambah Gadget > Pilih HTML/JavaScript > selanjutnya silakan masukkan kode berikut ini ke dalam widget baru tadi.

<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
</div>

Perhatikan kode yang ditandai, isi semua dengan deskripsi Anda.

4. Jika sudah selesai, simpan dan lihat hasilnya

Saya rasa tidak sulit untuk membuat kotak iklan di blog, hanya perlu menambahkan beberapa kode ke dalam template blog. Untuk itu Saya akhiri saja tutorial cara membuat kotak iklan di blog ini. Semoga bermanfaat.