Cara Membuat Kotak Banner Iklan di Blog


Cara Membuat Kotak Banner Iklan di Blog - Pada postingan sebelumnya Cara Membuat Tombol Demo dan Download di Blog v2, kali ini saya akan share tutorial Cara Membuat Kotak Banner Iklan di blog, nah bagi kalian yg sudah mempunyai blog yg ramai, dan traffic yg tinggi, maka advertiser kemungkinan akan berbondong bondong untuk memasang iklan/banner di blog tsb. Nah gimana caranya masang banner iklan di blog ? berikut caranya


Cara Membuat Kotak Banner Iklan di Blog :
1. Buka Blogger

2. Klik Template -> Edit HTML

3. Tambahkan kode berikut diatas kode ]]></b:skin>
#schads {margin:0px;padding:0px;text-align:center}
#schads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#schads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
4. Kemudian simpan template, lalu pergi ke Tata Letak

5. Silahkan pilih lokasi Kotak Banner iklan, kemudian add gadget

6. Pilih HTML/Javascript, lalu kopy kode dibawah ini dan letakan di box konten HTML/Javascript
<div id="schads">
<a href="URL ANDA" target="_blank" title="TITLE-IKLAN ANDA"><img alt="ALT/TEXT GAMBAR" src="URL GAMBAR ANDA" /></a>
<a href="URL ANDA" target="_blank" title="TITLE-IKLAN ANDA"><img alt="ALT/TEXT GAMBAR" src="URL GAMBAR ANDA" /></a>
<a href="URL ANDA" target="_blank" title="TITLE-IKLAN ANDA"><img alt="ALT/TEXT GAMBAR" src="URL GAMBAR ANDA" /></a>
<a href="URL ANDA" target="_blank" title="TITLE-IKLAN ANDA"><img alt="ALT/TEXT GAMBAR" src="URL GAMBAR ANDA" /></a>
</div>
Keterangan :

yg berwarna merah url link blog ketika banner diklik
yg berwarna oren title iklan blog yg memasang iklan
yg berwarna kuning alt/text gambar banner
yg berwarna hijau url gambar banner

7. Publikasikan, dan lihat hasilnya
Suka artikel ini ?

About Unknown

Admin Blog

16 komentar

Click here for komentar
Terima Kasih Sudah Berkomentar
August 24, 2013 at 9:37 PM This comment has been removed by a blog administrator.
Terima Kasih Sudah Berkomentar
August 24, 2013 at 9:40 PM

udah ane coba sob!

nice :v

Balas
Terima Kasih Sudah Berkomentar
August 24, 2013 at 9:40 PM This comment has been removed by a blog administrator.
Terima Kasih Sudah Berkomentar
August 24, 2013 at 9:48 PM

wah akhirnya di share juga. saya simen dulu kodenya Iklannya mas :D

Balas
Terima Kasih Sudah Berkomentar
August 24, 2013 at 9:58 PM

seperti biasa mastah.. :D josss

Balas
Terima Kasih Sudah Berkomentar
August 24, 2013 at 10:08 PM

situ kali mastah

Balas
Terima Kasih Sudah Berkomentar
August 24, 2013 at 10:19 PM

wah ini dia yang saya cari-cari..
makasih sob sudah di share ...

Balas
Terima Kasih Sudah Berkomentar
Anonymous
August 25, 2013 at 12:05 AM

keeren sob , nicepost

Balas
Terima Kasih Sudah Berkomentar
Anonymous
August 25, 2013 at 2:02 AM

Wah. Saya sudah punya sob :p Lain kali aja ya.

Balas
Terima Kasih Sudah Berkomentar
August 25, 2013 at 2:45 AM

wah, referensi untuk buka pundi-pundi ni.

nice share gan.

Balas
Terima Kasih Sudah Berkomentar
Anonymous
August 25, 2013 at 6:43 AM

terima kasih master atas tutornya, mudah dipahami. ^_^

Balas
Terima Kasih Sudah Berkomentar
August 25, 2013 at 10:49 AM This comment has been removed by a blog administrator.
Terima Kasih Sudah Berkomentar
August 25, 2013 at 10:58 PM

master -_-

Balas
Terima Kasih Sudah Berkomentar
August 26, 2013 at 2:53 AM

makasih master

Balas
Terima Kasih Sudah Berkomentar
August 26, 2013 at 4:23 AM

jgn manggil ane master -_-

Balas
Terima Kasih Sudah Berkomentar
Anonymous
August 26, 2013 at 4:51 PM

nice post gan,, thx tutornya.. :)

Balas

Tolong berkomentar sesuai topik pembicaraan, dilarang spam dan jangan menaruh link aktif, terimakasih. Join This Site Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Silakan berkomentar dengan sopan