P
|
ada kesempatan ini saya akan
membahas mengenai tutorial membuat kotak iklan di blog yang
berukuran 125x125 px. Mungkin Anda sudah mengetahui bahwa kegiatan menulis
artikel di blog (blogging)
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
menjadikannya sebagai salah satu mata pencaharian
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 tertutup 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, ikutitutorial blogger yang akan saya jelaskan berikut ini.
Membuat
Kotak Iklan di Blog
Perlu saya sampaikan sebelum Anda
membuat kotak iklan di blog adalah hal yang perlu diperhatikan dalam
menampilkan space baner 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. Silahkan login ke ID/akun blogger
Anda
2. Pada menu dropdown klik
"template" lalu klik "Edit HTML"
3.Kemudian cari kode
]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian
kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.
/** 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 #333}
4. Selanjutnya save/simpan template
5. Kemudian lihat menu disebelah
kiri layar lalu klik Tata Letak > Tambah Gadget > Pilih
HTML/JavaScript
6. Langkah berikutnya silahkan
masukkan kode berikut ini ke dalam form yang disediakan.
<div
class="kotak_iklan">
<a href="url iklan yang
dituju" title="judul iklan"><img border="0"
src="Url gambar/banner" alt="alt/text gambar"
width="125" height="125" /></a>
<a href="url iklan yang
dituju" title="judul iklan"><img border="0"
src="Url gambar/banner" alt="alt/text gambar"
width="125" height="125" /></a>
<a href="url iklan yang
dituju" title="judul iklan"><img border="0"
src="Url gambar/banner" alt="alt/text gambar"
width="125" height="125" /></a>
<a href="url iklan yang
dituju" title="judul iklan"><img border="0" src="Url
gambar/banner" alt="alt/text gambar" width="125"
height="125" /></a>
</div>
Perhatikan kata yang saya beri warna
pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang
dibawahnya.
7. Jika sudah selesai, silahkan
simpan/save dan lihat hasilnya
Saya rasa tidak sulit untuk membuat
kotak iklan di blog, hanya perlu menambahkan beberapa kode kedalam template
blog. Untuk itu saya akhiri saja tutorial cara membuat kotak iklan di
blog ini semoga bermanfaat
Post a Comment