Membuat kotak banner

Kotak banner berfungsi untuk menyisipkan image iklan banner yang akan ditampilkan dalam blog. Adapun bentuk banner bermacam-macam ukurannya, khusus dalam trik blogger ini kita akan menyisipkan image iklan yang berukuran 125 x 125. Apabila kamu tertarik ingin mengaplikasikannya dalam blog kamu, mari kita mulai trik blogger membuat kotak banner.

Langkah pertama:

• Log in dulu ke blogger
• klik Tata letak
• Edit HTML
• jangan lupa download dulu tamplate asli anda untuk mencegah hal-hal tak diinginkan
• cari kode ]]></b:skin>
• letak kan kode dibawah ini di atas kode ]]></b:skin>
  
  
  /* Kotak Banner
  ===================== */
  #Box-Banner-ads {
  margin: 0px;
  padding: 5px;
  text-align: center; }
  
  #Box-Banner-ads img {
  margin: 0px 8px 4px 0px;
  padding: 3px;
  text-align: center;
  border: 3px outset #c0c0c0; }
  
  #Box-Banner-ads img:hover {
  margin: 0px 8px 4px 0px;
  padding: 3px;
  text-align: center;
  border: 3px inset #333; }
• Simpan tamplate anda

Langkah Kedua:

• Klik Rancangan
• Elemen halaman
• klik HTML/Java script
• kemudian copy kode di bawah ini
  
  
  <div id="Box-Banner-ads">
  Letakkan kode banner anda disini
  
  <a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
  
  <a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
  
  </div>
• yang kode # masukkan alamat blog anda disana
• untuk memasukkan banner anda ganti tulisan Letakkan kode banner anda disini dengan script banner anda
• kemudian simpan liat hasilnya

Selamat mencoba........