TutorialBlog - Membuat Kotak Iklan Simpel dan Profesional

Membuat kotak iklan atau space untuk pasang iklan ala bamz yang simpel tapi insyaallah lebih terlihat profesional hehe. Tampilan space iklan ini ter inspirasi dari situs buysellads yang tergolong situs buy/sell space iklan terbesar. Jika di buysellads menggunakan javascript, yang ini pake cara manual saja kwkwk. Bagaimana cara membuat space iklan ini?

Coba anda lihat demonya disini

Cara membuat kotak iklan / space iklan simpel dan keren

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

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, g sampek 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 anda. 

<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 trusAdvertise 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>

 Credit : Bamz