Cara Membuat Kotak Iklan Simpel dan Profesional

Tutorial | Membuat kotak iklan atau space untuk pasang iklan yang simpel tapi profesional, caranya sangat gampang kok, apalagi tampilan space iklan ini pastinya agar seo friendly, soal gak pake ribet, hehe

langsung saja ini dia Tutorialnya. . .

Preview

Cara membuat kotak iklan / space iklan simpel dan keren

Pertama sobat login blog sobat, kemudian menuju design terus add elemen baru (html/javascript)
Paste kode di bawah ini sesuai pilihan, dan tentunya yang pas dengan posisi blog sobat.

Space iklan 460 x 80

<a
 href='LINK-IKLAN' onmouseout='this.style.background='#E7E7E7';' 
onmouseover='this.style.background='#DFDFDF'; 
this.style.text-decoration=none;' style='display: block; color: rgb(102,
 102, 102); font-size: 12px; font-weight: bold; text-align: center; 
text-decoration: none; border-top-width: 1px; border-right-width: 1px; 
border-bottom-width: 1px; border-left-width: 1px; border-top-style: 
solid; border-right-style: solid; border-bottom-style: solid; 
border-left-style: solid; border-top-color: rgb(153, 153, 153); 
border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 
153, 153); border-left-color: rgb(153, 153, 153); border-image: initial;
 height: 60px; width: 460px; line-height: 50px; background-image: 
initial; background-attachment: initial; background-origin: initial; 
background-clip: initial; background-color: rgb(231, 231, 231); 
background-position: initial initial; background-repeat: initial 
initial;' title='TITEL-IMAGE' alt='TAG-IMAGE' 
target="_blank">Advertise Here</a>

Space iklan 125 x 125

<a
 href='LINK-IKLAN' onmouseout='this.style.background='#E7E7E7';' 
onmouseover='this.style.background='#DFDFDF'; 
this.style.text-decoration=none;' style='display: block; color: rgb(102,
 102, 102); font-size: 12px; font-weight: bold; text-align: center; 
text-decoration: none; border-top-width: 1px; border-right-width: 1px; 
border-bottom-width: 1px; border-left-width: 1px; border-top-style: 
solid; border-right-style: solid; border-bottom-style: solid; 
border-left-style: solid; border-top-color: rgb(153, 153, 153); 
border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 
153, 153); border-left-color: rgb(153, 153, 153); border-image: initial;
 height: 125px; width: 125px; line-height: 123px; background-image: 
initial; background-attachment: initial; background-origin: initial; 
background-clip: initial; background-color: rgb(231, 231, 231); 
background-position: initial initial; background-repeat: initial 
initial; ' title='TITEL-IMAGE' alt='TAG-IMAGE' 
target="_blank">Advertise Here</a>

Space iklan 200 x 200

<a
 href='LINK-IKLAN' onmouseout='this.style.background='#E7E7E7';' 
onmouseover='this.style.background='#DFDFDF'; 
this.style.text-decoration=none;' style='display: block; color: rgb(102,
 102, 102); font-size: 12px; font-weight: bold; text-align: center; 
text-decoration: none; border-top-width: 1px; border-right-width: 1px; 
border-bottom-width: 1px; border-left-width: 1px; border-top-style: 
solid; border-right-style: solid; border-bottom-style: solid; 
border-left-style: solid; border-top-color: rgb(153, 153, 153); 
border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 
153, 153); border-left-color: rgb(153, 153, 153); border-image: initial;
 height: 200px; width: 200px; line-height: 196px; background-image: 
initial; background-attachment: initial; background-origin: initial; 
background-clip: initial; background-color: rgb(231, 231, 231); 
background-position: initial initial; background-repeat: initial 
initial; ' title='TITEL-IMAGE' alt='TAG-IMAGE' 
target="_blank">Advertise Here</a>

Space iklan 250 x 250

<a
 href='LINK-IKLAN' onmouseout='this.style.background='#E7E7E7';' 
onmouseover='this.style.background='#DFDFDF'; 
this.style.text-decoration=none;' style='display: block; color: rgb(102,
 102, 102); font-size: 12px; font-weight: bold; text-align: center; 
text-decoration: none; border-top-width: 1px; border-right-width: 1px; 
border-bottom-width: 1px; border-left-width: 1px; border-top-style: 
solid; border-right-style: solid; border-bottom-style: solid; 
border-left-style: solid; border-top-color: rgb(153, 153, 153); 
border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 
153, 153); border-left-color: rgb(153, 153, 153); border-image: initial;
 height: 250px; width: 250px; line-height: 246px; background-image: 
initial; background-attachment: initial; background-origin: initial; 
background-clip: initial; background-color: rgb(231, 231, 231); 
background-position: initial initial; background-repeat: initial 
initial; ' title='TITEL-IMAGE' alt='TAG-IMAGE' 
target="_blank">Advertise Here</a>

Space iklan 300 x 250

<a
 href='LINK-IKLAN' onmouseout='this.style.background='#E7E7E7';' 
onmouseover='this.style.background='#DFDFDF'; 
this.style.text-decoration=none;' style='display: block; color: rgb(102,
 102, 102); font-size: 12px; font-weight: bold; text-align: center; 
text-decoration: none; border-top-width: 1px; border-right-width: 1px; 
border-bottom-width: 1px; border-left-width: 1px; border-top-style: 
solid; border-right-style: solid; border-bottom-style: solid; 
border-left-style: solid; border-top-color: rgb(153, 153, 153); 
border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 
153, 153); border-left-color: rgb(153, 153, 153); border-image: initial;
 height: 250px; width: 300px; line-height: 246px; background-image: 
initial; background-attachment: initial; background-origin: initial; 
background-clip: initial; background-color: rgb(231, 231, 231); 
background-position: initial initial; background-repeat: initial 
initial; ' title='TITEL-IMAGE' alt='TAG-IMAGE' 
target="_blank">Advertise Here</a>

Space iklan 728 x 90

<a
 href='LINK-IKLAN' onmouseout='this.style.background='#E7E7E7';' 
onmouseover='this.style.background='#DFDFDF'; 
this.style.text-decoration=none;' style='display: block; color: rgb(102,
 102, 102); font-size: 12px; font-weight: bold; text-align: center; 
text-decoration: none; border-top-width: 1px; border-right-width: 1px; 
border-bottom-width: 1px; border-left-width: 1px; border-top-style: 
solid; border-right-style: solid; border-bottom-style: solid; 
border-left-style: solid; border-top-color: rgb(153, 153, 153); 
border-right-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 
153, 153); border-left-color: rgb(153, 153, 153); border-image: initial;
 height: 90px; width: 728px; line-height: 86px; background-image: 
initial; background-attachment: initial; background-origin: initial; 
background-clip: initial; background-color: rgb(231, 231, 231); 
background-position: initial initial; background-repeat: initial 
initial; ' title='TITEL-IMAGE' alt='TAG-IMAGE' 
target="_blank">Advertise Here</a>

Membuat space / kotak iklan simpel dan profesional dengan mudah, gak sampai 5 menit sudah jadi kan? hehehe. Oh iya itu hanya fitur space iklan kosong, kalau nanti ada yang pasang banner yah tinggal masukkan URL pengiklan dan gambar saja.

URL-IKLAN : isi link menuju halaman penawaran iklan sobat.

<a href="http://www.blogger.com/12/01/2012/pasang-iklan-murah.html" style="background-attachment: initial; background-clip: initial; background-color: #e7e7e7; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial+; border-bottom-color: rgb(153, 153, 153); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(153, 153, 153); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 153, 153); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 153, 153); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-size: 12px; font-weight: bold; height: 60px; line-height: 48px; text-align: center; text-decoration: none; width: 460px;" title="Advertise Here" target="_blank">Advertise Here</a>

Jika ada yang pasang iklan/banner, tinggal ganti LINK si pengiklan trus Advertise Here diganti image/banner si pengiklan. Lihat contohnya di bawah ini.

<a alt="TAG-IMAGE" href="URL-IKLAN" title="TITEL-IMAGE" target="_blank"><img src="LINK-IMAGE" /></a>

Preview

/[ 6 komentar Untuk Artikel Cara Membuat Kotak Iklan Simpel dan Profesional]\

Unknown said...: ngomong-ngmong buat iklan, itu buat iklan space di bawah page menu gmana om? thanks before

salam kenal; 29 April 2013 at 05:25
Unknown said...: biasanya sih tergantung template gan., jika support di "tata letak" aja bisa, .; 29 April 2013 at 22:53
Unknown said...: thanks om dah mau jawab, tolong donk om kalo bisa request artikel bikin iklan yg begitu jika template ga supot, thanks before

sama-sama kuliah jogja kan om, ente ank amikom ane anak uad..
salam kenal; 30 April 2013 at 05:59
Unknown said...: salam kenal juga gaann., ane juga punya temen di uad kok., :)

kalau bikin iklan kayak gitu bisa di akalin gan., kasih aja script nya diatas breadcumb., pazti nanti muncul .,; 1 May 2013 at 21:24
Unknown said...: whaha, dengan blog pnya banyak temen + guru, okee om makasih udah jawab, belum bisa praktek skrang haha
udah ane add via G+; 2 May 2013 at 23:39
Unknown said...: Hhaha,,. bisa jugaa.,. :D
ya kpan" aja prktrk., wktu masih sebenih jagung. ,wkwk
udah ane add jg gan., (g+); 3 May 2013 at 19:49