Jan 31, 2011

Sidebar Ads Tutorial

Tutorial ni bagi blogger yang belum tahu lagi :)
Langkah-langkah untuk membuat ads sepert gambar rajah di atas :
1. Pergi ke Design
2. Edit Html dan Expand Widget Template
3. Search ]]><b:skin> 
4. Letakkan code berwarna merah di bawah dia atas ]]><b:skin>


/*-----------Sidebar Ads Start------------------*/
.adspost {
background:#fff;
float: left;
width: 578px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #f3f1eb;
}

/* Ads Spots 125x125 */

#adspot {
overflow: hidden;
padding:0;
}
.ad1, .ad3, .ad5, .ad7{
float: left;
margin-bottom: 5px;
padding-left:0px;
}
.ad2, .ad4, .ad6, .ad8{
float: right;
margin-bottom: 5px;
padding-right:0px;
}
/*-----------Sidebar Ads End------------------*/

5. SAVE template
6. Selepas itu pergi ke Page Element
7. Add widget html/java script
8. Letakkan code berwarna biru di bawah

<center><div id='adspot'>
<!-- Ad1 start -->

<a class='ad1' href='URL TARGET CODE'><img height='115' src='URL BANNER?imgmax=800' width='115'/></a>


<!-- Ad2 start -->
<a class='ad2' href='URL TARGET CODE'><img height='115' src='URL BANNER?imgmax=800' width='115'/></a>


<!-- Ad3 start -->
<a class='ad3' href='URL TARGET CODE'><img height='115' src='URL BANNER?imgmax=800' width='115'/></a>


<!-- Ad4 start -->
<a class='ad4' href='URL TARGET CODE'><img height='115' src='URL BANNER?imgmax=800' width='115'/></a>


<!-- Ad5 start -->
<a class='ad5' href='URL TARGET CODE'><img height='115'
src='URL BANNER?imgmax=800' width='115'/></a>



<!-- Ad6 start -->
<a class='ad6' href='URL TARGET CODE'><img height='115' 
src='URL BANNER?imgmax=800' width='115'/></a>



<!-- Ad7 start -->
<a class='ad7' href='URL TARGET CODE'><img height='115' src='URL BANNER?imgmax=800' width='115'/></a>


<!-- Ad8 start -->
<a class='ad8' href='URL TARGET CODE'><img height='115' src='URL BANNER?imgmax=800' width='115'/></a>
<div class='clearer'/></div></div></center>


9. URL TARGET CODE ADALAH LINK URL YANG KELUAR JIKA DI KLIK
10. URL BANNER IALAH LINK GAMBAR BANNER YANG ANDA NAK LETAK
11.  GAMBAR BANNER BERSAIZ 115x115 KALAU MENGIKUT CODE DIATAS 
12. JIKA NAK TUKAR SAIZ BANNER CUMA TUKAR width='115px', height='115px' di atas kepada saiz yang anda mahu untuk every single Ads.

CONTOH : untuk Ads 1 

<center><div id='adspot'>
<!-- Ad1 start -->
<a class='ad1' href='http://www.churpchurp.com/indiescenes/share/churpchurp-invite><img height='115' src='http://i212.photobucket.com/albums/cc169/indiescenes/churpchurp.gif?imgmax=800' width='115'/></a>

Copy link churp2x dan letak di href="link"
Copy link gmbar dan letak di src='link?

No comments: