Cara memasang banner di sidebar

Jumat, 19 November 2010
Referral adalah sistem dimana seseorang membawa pengunjung/pembeli atau orang baru ke situs tertentu. Dan jika orang tersebut menjadi anggota atau membeli, maka orang tesebut (pemilik referral) berhak mendapat komisi dari keanggotaan atau pembelian tersebut.

Biasanya link referall di sisipkan di dalam gambar atau Banner, sedangkan Banner sendiri merupakan gambar grafis dengan ukuran tertentu yang di pasang diantara isi dari halaman web atau blog.

Pada posting kali ini saya ingin belajar cara memasang banner di sidebar, dengan asumsi akan compatible di semua browser, pada contoh di bawah ini saya menggunakan banner dengan ukuran 125x125 pixel. Silahkan klik Lihat Demo untuk tampilan lebih lanjut. Untuk sobat yang berminat dapat menambahkan kode seperti di bawah ini:
<div style="overflow:hidden; 
  padding:0auto; 
  margin-top:10px; 
  margin-bottom:10px; 
  width:100%; 
  background:transparent;">     
  <div align="center"><table width="250" cellpadding="0">
  <tr>
<td align="center">
     <"kode banner ukuran 125x125 pixel" />
   </td>
<td align="center">
     <"kode banner ukuran 125x125 pixel" />
      </td>
    </tr>
  <tr>
<td align="center">
     <"kode banner ukuran 125x125 pixel" />
    </td>
 <td align="center">
     <"kode banner ukuran 125x125 pixel" />
    </td>   
   </tr>
  <tr>
 <td align="center">
     <"kode banner ukuran 125x125 pixel" />
   </td>
<td align="center">
     <"kode banner ukuran 125x125 pixel" />
     </td>
    </tr>
</table>
 </div>
  </div>
Pemasangan
silahkan login ke blogger.com » Rancangan » Add gadget » lalu pilih HTML/javascript, lalu tambahkan kode seperti contoh diatas ke dalam kolom yang tersedia. kolom widget

Ganti kode/tulisan yang berwarna merah* dengan kode banner 125x125 pixel yang sobat miliki.

10 komentar (Cara memasang banner di sidebar)

Posting Komentar
  1. FANABIS » November 19, 2010 3:10 PM | permalink

    Semoga teman berkenan komentar balik,cukup baik untuk artikelnya.

  2. Bang Lih » November 25, 2010 9:25 AM | permalink

    He he.. template kita sama, dan kurang suka majang banner, ngeberatin loading blog dan juga hasilnya NIHIL.

    Oke.. trims linknya Ma2k.

  3. Tihang karas » November 25, 2010 9:32 AM | permalink

    @Bang Lih
    kemungkinan ada yang ingin, mungkin pula 'NIHIL' hanya menurut kita.

    trims juga sudah banyak memasang link saya.

  4. diskon gila disdus.com » November 29, 2010 9:01 AM | permalink

    wahh... ini yang saya cari...

  5. Easy Speak » November 30, 2010 7:23 PM | permalink

    Nice posting buddy…I love to read it…I love your blog. Thanks for sharing..
    I would like to share good news also. Here you:

    English Teachers Urgently Required !!!

    A fast-growing National English Language Consultant is hunting for professional English Tutors with the following qualifications:

    i. Competent, Experienced, or Fresh Graduate
    ii. Proficient in English both spoken & written
    iii. Friendly, Communicative, & Creative
    iv. Available for being placed in one of the following branches:

    a. Denpasar, Jln. HOS Cokroaminoto No 66 Block B, C, D Denpasar, Telp: 0361-422335
    b. Pekanbaru, Jln. Ahmad Yani No 187 Kel. Tanah Datar 28000 Pekanbaru, Telp: 0761-7641321
    c. Batam, Graha Pena Building 5th Floor, Suite 510, Jln. Raya Batam Centre, Batam, Telp: 0778-460785
    d. Balikpapan, BRI Building 8th Floor, Jln. Jend. Sudirman No 37 Klandasan BalikpapanTelp: 0542-737537
    e. Makassar, Graha Pena Building 8th Floor, Suite 807,809-812, Jln. Urip Sumoharjo, No 20 Makassar, Telp: 0411-451510
    f. Medan, Visit http://www.easyspeak.co.id
    g. Banjarmasin, Visit http://www.easyspeak.co.id

    If you meet the qualifications above, please send your resume to the address you are applying for or to our email: easyspeak.recruitment@gmail.com within 2 (two) weeks after this advertisement.

    Visit http://www.easyspeak.co.id for further information about our company.

  6. Gori » Desember 01, 2010 11:27 AM | permalink

    templatenya mirip punya deconstruction code he...!

  7. Edit Css » Desember 04, 2010 7:19 PM | permalink

    nice share sob...

  8. Kidzz Blog » Desember 08, 2010 8:14 PM | permalink

    Kunjungan Balik mas...makasih ya dah berkunjung..:)

  9. BLOG Si YAQIN » Desember 09, 2010 2:13 AM | permalink

    ow bgitu ta! info bgus sob

  10. Algo Zali » Desember 17, 2012 5:06 PM | permalink

    Makasi ya sobat, udah ngerti sekarang..

Back to form

Mohon berkomentar sesuai topik posting di atas !