Tutorial : Buat ruang iklan dalam blog

Bagi blog yang dah agak popular, mesti nak masukkan ruang iklan untuk diiklankan. Dapat juga income kan.  Ada template yang kita dapat sebelum ni mmg ada disediakan ruang iklan ni. Ada juga yang tak sediakan ruang iklan ni. So bagi yang tak ada ni, kenalah buat sendiri.

Nak sewakan ruang iklan dalam blog? Tapi tak tahu macammana? Okaylah, tutorial kali ni ialah macammana nak insert ruang iklan dalam blog macam gambar di atas. Cara dia mudah. Tutorial ni saya dapat dari silampuneon. Tq untuk tutorial ni ok.

1. Pergi ke Dashboard > Design > Edit HTML

2. Cari code berikut dengan CTRL + F 

    <b:skin><![CDATA[

3. Copy code di bawah selepas kod yang korang cari di langkah 2 dan Save.

#Box-Banner-ads  {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads  img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

 }

 #Box-Banner-ads  img:hover {

 margin: 0px 4px 4px 0px;

 padding: 3px;

 text-align: center;

 border: 1px solid #333;

 }

4. Pergi ke Dashboard >Layout >Add A Gadget >HTML/Javascript.

5. Copy code di bawah ni dan letakkan pada HTML/Javascript.

<div id="Box-Banner-ads">

 <a target="_blank" href="http://easy-xs.blogspot.com/p/tutorial_17.html"><img

 border="0" alt="ads" src="http://i1111.photobucket.com/albums/h471/kaklongcomel/iklan1.gif"/></img

></a>

 <a target="_blank" href="http://easy-xs.blogspot.com/p/tutorial_17.html"><img

 border="0" alt="ads" src="http://i1111.photobucket.com/albums/h471/kaklongcomel/iklan1.gif"/></img

></a>

 <a target="_blank" href="http://easy-xs.blogspot.com/p/tutorial_17.html"><img

 border="0" alt="ads" src="http://i1111.photobucket.com/albums/h471/kaklongcomel/iklan1.gif"/></img

></a>

</div>

Note : Tukarkan tulisan warna merah kepada URL blog korang dan tulisan warna kuning kepada URL image (klik sini untuk tutorial)