Jumat, 23 April 2010

cara membuat banner pasang iklan di blog

Terkadang kita ingin memasang banner pasang iklan di blog, sebenarnya bisa kita lakukan dengan mengupload file gambar atau dalam animasi file gif. Setelah diupload maka kita cukup mengambil url-nya kemudian dipasang dalam script :

Contoh:
1. File yang saya upload di blogspot, atau bisa juga di situs hosting image/share image lainnya seperti photobucket, tinypic, dll



2. Selanjutnya kita perlu  mencatat link /url gambar:
a. Space Iklan 125x125 pixel  :
http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1BfJsV8I/AAAAAAAAE38/aIv_6FJ6pVg/s1600/FastStoneEditor+2b.jpg
b. Space Iklan 268x60 pixel
http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1L78qLNI/AAAAAAAAE4E/p2zgRIB7eCM/s1600/FastStoneEditor+3b.jpg



3. Selanjutnya memasukkan url ke dalam script image:

<a href="#"" target="_blank"><img src="?" border="0"></a>

Tanda # diganti dengan url target, halaman yang akan dibuka saat gambar di klik, misalnya: http://www.komputerseo.com/
Tanda ? diganti dengan url gambar, misalnya: http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1L78qLNI/AAAAAAAAE4E/p2zgRIB7eCM/s1600/FastStoneEditor+3b.jpg

Contoh 1:

<a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a></br><a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a>

Contoh script lengkapnya  setelah tanda # diganti dengan url target dan tanda ? diganti dengan url gambar

<a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1BfJsV8I/AAAAAAAAE38/aIv_6FJ6pVg/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://artikelkomputerku.blogspot.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1BfJsV8I/AAAAAAAAE38/aIv_6FJ6pVg/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://mycomputerdummies.blogspot.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1BfJsV8I/AAAAAAAAE38/aIv_6FJ6pVg/s1600/FastStoneEditor+2b.jpg" /></a></br><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1BfJsV8I/AAAAAAAAE38/aIv_6FJ6pVg/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1BfJsV8I/AAAAAAAAE38/aIv_6FJ6pVg/s1600/FastStoneEditor+2b.jpg" /></a><a href="http://www.komputerseo.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/_S-C92GFJSRA/S9F1BfJsV8I/AAAAAAAAE38/aIv_6FJ6pVg/s1600/FastStoneEditor+2b.jpg" /></a>

Setelah urlnya diganti, hasilnya seperti di bawah ini





Catatan: Tanpa menggunaan tag </br> juga bisa dilakukan, karena jika baris pertama sudah penuh maka otomatis gambar berpindah ke baris kedua



Contoh 2
Scriptnya seperti di bawah ini

<a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a></br><a href="#" target="_blank"><img border="0" src="?" /></a><a href="#" target="_blank"><img border="0" src="?" /></a>

hasilnya seperti berikut:





Contoh 3 : menggunakan space gambar 468X60, scriptnya sama seperti di atas hanya url gambarnya yang diganti

Contoh scriptnya:

<a href="#"" target="_blank"><img src="?" border="0"></a>
<a href="#"" target="_blank"><img src="?" border="0"></a>
<a href="#"" target="_blank"><img src="?" border="0"></a>
<a href="#"" target="_blank"><img src="?" border="0"></a>

Hasilnya seperti di bawah ini:




Catatan: jangan lupa ganti tanda # dan ? dengan url target dan url gambar
Script di atas bisa dipasang di gadget html pada posisi sidebar, atau di atas dan bawah postingan.

Artikel Terkait:



44 komentar blog:

UdongeBlog mengatakan...

sip kawan, saya sedot ilmu nya ya...saya follow tuch.

link n follow balik ya.

udongeblog.blogspot.com

David Van Dave mengatakan...

mantab boz....ikutan nyontek yaa...

mampir2 ke tempat ane boz...

http://thinkformoney.blogspot.com

Ipunk mengatakan...

TENGKYU BOSS infonya jgn lupa link/follow balik ye

Coussland Store mengatakan...

mantappp jaya bozz atas infonya...
mohonn singgah juga ya di http://coussland.blogspot.com

victz mengatakan...

thx infonya....kalo misalnya ada yang mau pasang nih, gambar iklannya dia yang buat apa kita yang buat ya?

Komputer SEO | Panduan SEO mengatakan...

victz
Tergantung nego dengan pemasang iklan

trisnandika mengatakan...

Salam kenal... Trimakasih tutorialnya y... :)

™=xKREMEZZx™ mengatakan...

www.kremezz-pb.blogspot.com

addierpeel mengatakan...

mantap tutorialnya...

aku mau tnya ne....

caranya naikkan peringkat di laexa gimana ya?


makasi....

Arya mengatakan...

kok ribet ya??

Henry mengatakan...

Friends mw bisa buat website dengan cepat dan murah??
anda akan di bantu dari awal membuat hingga website tersebut selesai...
Ayo daftarkan diri anda sebelum ketinggalan....
mumpung harganya lagi promo loh...:-)
ayo...cari tau cara mudahnya hanya di ......
.........
www.KursusBikinWeb.com

new bie mengatakan...

mantapp gan...

berguna banget nich buat mencari sesuap nasi dan segenggam berlian...


kunjungi jg yah...
http://delapan-sembilan.blogspot.com/

krosok mengatakan...

tanks gan infonya,,,kunjungi balik yaw,,,untuk download film gratis

Imam4Free mengatakan...

ko gamau muncul?

BLOGGERnya ANANK SMA 1 PENAJAM mengatakan...

makasih sob atas infonya...:)

Anonim mengatakan...

posting nya membingungkan, alias gak jelas,,,,

MUKHTAR BLOG mengatakan...

bos ingin bgt gue bisa rapikan blog gue bos.............

blog item mengatakan...

mkasih atas tutornya mas,langsung saya praktekan nih :)

my balck diary mengatakan...

maaf mas, suka ada kan iklan yang ngehasilin duit, caranya masih seperti ini gan mas ???

ismanpunggul mengatakan...

Terima kasih tutorialnya. Sangat membantu dan mudah-mudahan berhasil kupraktekkan di blogku..

anku lareh (jack saparow) mengatakan...

TERIMA KASIH BOSSSS

dunialikeblogging mengatakan...

trims infonya bagus.........
ijin nyontek ya.........

http://mukaprimitif.blogspot.com/ mengatakan...

Terima kasih kawan .. http://mukaprimitif.blogspot.com/

Ajizan mengatakan...

Makasih bang infonya,walaupun agak ribet semoga berhasil di blogku

{Kenji'sBlog} mengatakan...

ni dapat nghasilin duit ga gan???

Anonim mengatakan...

ajib banget Sobat,ane sedot ilmu nya ya...saya follow tuch.

follow balik ya.hehehehe...

downloadfilm21free.blogspot.com

KOTO ANAU mengatakan...

Terima kasih tutorialnya. Sangat membantu dan semoga sukses dan trs berkarya monggo datang bertamu di blogku..http://kotoanau.blogspot.com/

Maulana Hakim Susatyo mengatakan...

kakak, boleh pinjem gambar space iklan nya gak ?

kumpulan mengatakan...

makasih infonya....

sobat kunjung blog saya yah....

http://kumpulan-trik2.blogspot.com

dwisTROi mengatakan...

tfs sob...
nice inpo..
ijin nyimak dulu ya sob..

Googla blog mengatakan...

thankz infonya, sangat menarik..

Febri mengatakan...

Terima kasih info berharganya gan.

ibnoe.info mengatakan...

terima kasih mas infonya, sangat bermanfaat.....

Admin Si-Irung mengatakan...

langsung saya terapkan kak..coba lihat di blog saya dah..
keren

lutfi blogs mengatakan...

terimakasih gan atas infonya..
pertama si sempat bingung tapi pada akhirnya bisa juga :)
berkunjung juga ya ke blog ane..

Harri Pranata mengatakan...

Mantap..ini artikel yg ane cari.....biar bisa buat space iklan di blog ane

ViperGoy mengatakan...

Oke langsung dicoba dulu gan^^
Mau bikin bisnis online soalnya hahaha

Thx

BLOG NGAPAK BREBES mengatakan...

makasih gan infonya

cerita dewasa mengatakan...

tanks tutor bermanfaat banget

Risky Ferly mengatakan...

nice gan............. mau cb dlu...


www.zinoxis.blogspot.com

ilham fadly mengatakan...

thank's gan ilmunya

lutfi blogs mengatakan...

mantap ni gan..
udah ane coba :)
makasih..

Lirvan Blog mengatakan...

Akhirnya sekarang tau infonya makasih gan, kunjungi ya

lirvan48.blogspot.com

habib munawar mengatakan...

akhirnya berhasil juga buat banner iklan utk blog saya..makasih mas bro