Rabu, 10 Maret 2010

Membuat Kotak Iklan (Banner Ads)

Posted by Dennis Rvindo 12.25, under | No comments

Banner merupakan salah satu media untuk berpromosi. Begitupun di dunia blogging, keberadaan banner untuk promosi sudah tidak asing lagi bagi kita.

Blog pun menjadi tempat untuk memasang media promosi tersebut. Entah untuk mempromosikan blog kita sendiri, atau untuk 'disewakan' kepada orang yang ingin mempromosikan bannernya di blog kita. Lumayan kan, dapat penghasilan dari blog kita?

Na, seperti di blog Ayas ini, pada bagian atas postingan sampai atas sidebar, ada banner ads atau kotak iklan berjajar rapi. Bagaimana trik untuk membuat banner ads seperti itu?

GAMPANG KOK!!!


Pertama, tinggal copy code berikut :


#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}



Buka menu edit HTML Sodara

Paste kode-kode tersebut diATAS kode ]]></b:skin>

Setelah itu, tentukan dimana kita akan meletakkan banner ads tersebut.

Misalkan, dalam kasus di blog Ayas, banner ads tersebut akan diletakkan diatas postingan (main-wrapper). Maka copy kode berikut :


<div id='Banner-ads'>

<a hight='100' href='http://easyblogtrick.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://easyblogtrick.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://easyblogtrick.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>

</div>



Kemudian paste di atas kode <div id=main-wrapper>.

Itu untuk meletakkan diatas postingan.

Ada beberapa kode yang harus diganti :

Alamat blog sodara (warna merah)
Alamat url gambar sodara (warna ijo)

Tinggi dan lebar gambar juga bisa diganti2 sesuai selera sodara...

Gimana, singkat, jelas dan gampang kan? cepetan cobain.. GAMPANG KOK!!!
:sentil:

0 komentar:

Posting Komentar

Setiap komentarmu akan sangat berarti sekali buat blog ini agar bisa menjadi lebih baik untuk kedepannya, trima kasih udh berkomentar di blog ini..

Tags

Music on

Blog Archive

Sponsor