Jumat, 09 Desember 2011

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...






  jual  masker
Jasa Iklan  internet sukses
Bisnis Pulsa   hot  club
gudang materi   Kunci  Host
7 Video Gratis Hasilkan 40  Juta dari Clickbank   SMS  Gratis
iklan anda   Anda  bisnis

^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 ^_^



0 komentar:

Posting Komentar