Memaksimalkan Banner

Jika menurut saya, agar banyak banner tapi load blog tidak berat, sebaiknya Sobat memasang banner dengan ukuran yang minimalist dan ukuran/size-nya kecil. Lihat contoh banner milik KR di atas, bannernya berukuran rata-rata 125x125 pixel, dan size-nya juga tidak terlalu besar.
Apa tips selanjutnya?
Yang selanjutnya adalah penempatan banner. Usahakan tempatkan banner yang sering dilihat orang jika banner adalah iklan. Misal pada sidebar kiri/kanan, dan letaknya paling atas. Tergantung selera Sobat sajalah.
Lalu?
Kemudian, Sobat bisa memaksimalkan banner dengan memberikan tag alt, title. 


Jadi, kita kumpulkan tips-tips di atas seperti ini,

1. Rapi
2. Ukuran banner dan size
3. Penempatan
4. Tag 

Nah, sekarang ke tutorialnya . . .

*Buat banner menjadi rapi

*Ukuran banner 125x125 px
*Penempatan strategis
*Pasang Tag Title dan Alt 

Saya ambil contoh dari KR lagi ya. Jadi kodenya seperti ini,

 

 

<div class='widget-content'>
    <center>
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img src="URL GAMBAR" ; border="0" width="125" height="125" alt="KEYWORD BANNER"/></a>
    &nbsp;
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img width="125" height="125" src="URL GAMBAR" alt="KEYWORD BANNER" border="0" /></a>
    <br />
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER">
    <img alt="Jasa Iklan" src="URL GAMBAR" border="0" width="125" height="125" /></a>&nbsp;
    <a href="LINK TUJUANR" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER" src="URL GAMBAR" height="125" /></a>
    <br />
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER" src="URL GAMBAR" height="125" /></a>
    &nbsp;
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img border="0" width="125"alt="KEYWORD BANNER"src="URL GAMBAR" height="125" /></a>
    <br />
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER" src="URL GAMBAR" height="125" /></a>
    &nbsp;
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER" src="URL GAMBAR" height="125" /></a>
    <br />
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER" src="URL GAMBAR" height="125" /></a>
    &nbsp;
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER" src="URL GAMBAR" height="125" /></a>
    <br />
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER" src="URL GAMBAR" height="125" /></a>
    &nbsp;
    <a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER"src="URL GAMBAR" height="125" /></a>
    </center>
    </div>

Hasilnya seperti ini...

 
 
 
 
 
 

^Note : Sobat sesuaikan sendiri banyaknya banner . Kode utamanya adalah seperi ini 

 

 

<center>
   
<a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img src="URL GAMBAR" ; border="0" width="125" height="125" alt="KEYWORD BANNER"/></a>
   
&nbsp;
   
<a href="LINK TUJUAN" target="_blank" title="TITLE BANNER"><img width="125" height="125" src="URL GAMBAR" alt="KEYWORD BANNER" border="0" /></a>
   
<br />
   
<a href="LINK TUJUAN" target="_blank" title="TITLE BANNER">
   
<img alt="KEYWORD " src="URL GAMBAR" border="0" width="125" height="125" /></a>&nbsp;
   
<a href="LINK TUJUANR" target="_blank" title="TITLE BANNER"><img border="0" width="125" alt="KEYWORD BANNER" src="URL GAMBAR" height="125" /></a>
   
</center>
</div >

 

^Note :  Warna kuning adalah kode 2 banner berjajar, untuk memperbanyak, tambahkan saja kode tersebut. Warna hijau adalah kode 2 banner nerjajar sebagai penutup.Tambahkan kode tersebut pada akhir. Nah, jika Sobat ingin membuat menjadi satu baris, kodenya seperti ini,     <div class='widget-content'>     <div id="advertisment-block-sidebar">         <a target="_blank" href="LINK TUJUAN"><img     border="0" height="125"title='TITLE' alt=''ALT " src="URL GAMBAR" "width="125" /></a>         <a target="_blank" href="LINK TUJUAN"><img     border="0" height="125" title='TITLE' alt=''ALT "src="URL GAMBAR" width="125" /></a>         <a target="_blank" href="LINK TUJUAN"><img     border="0" height="125"title='TITLE' alt=''ALT " src="URL GAMBAR" width="125" /></a> <div/><div/> ^Note : Untuk memperbanyak jumlah banner, tambahkan kode warna hijau Hasilnya seperti ini, Jika, ingin membuat menjadi beberapa kolom, kodenya seperti ini ,         <!-- Banner --> <div class='banner'> <ul> <li><a href='LINK TUJUAN'target="_blank" title='TITLE' alt=''ALT "><img alt="KEYWORD BANNER"src='URL GAMBAR'/></a></li> <li><a href='LINK TUJUAN' target="_blank" title='TITLE' alt=''ALT "><img alt='' src='URL GAMBAR'/></a></li> <li><a href='LINK TUJUAN' target="_blank" title='TITLE' alt=''ALT "><img alt='' src='URL GAMBAR/></a></li> </ul> </div> ^Note :Untuk menambahkan banyaknya banner , perbanyak kode warna hijau Hasilnya , *Ingat : sesuaikan dengan ukuran tempat banner, kija di sidebar, pastikan sidebar Sobat berukuran sesuai dengan ukuran banner. Silahkan kreasikan semdiri. . . . .Selamat mencoba ^_^