Membuat Kotak Banner.

Kotak banner berfungsi untuk menyisipkan image iklan yang akan ditampilkan dalam blog. Adapun bentuk banner bermacam-macam ukurannya, khusus dalam trik blogger ini kita akan mencoba menyisipkan image iklan yang berukuran 125 x 125. Disamping itu area banner dapat pula menjadi ajang promosi, entah itu promosi blog sobat yang lain atau blog orang lain yang diwakilkan dalam bentuk banner. Apabila sobat tertarik ingin mengaplikasikannya dalam blog kamu, mari kita mulai trik blogger membuat kotak banner.

  • Login dulu ke account blogger kamu.
  • Pilih tab Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
  • Tambahkan kode CSS berikut di atas kode ]]>
/* 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; }

sedikit cLue : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
  • Simpan dulu template blog kamu.
  • Pilih tab Tata Letak --> Elemen Halaman.
  • Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.
  • Copy dan pastekan kode di bawah ini.
<div id="Box-Banner-ads">

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i884.photobucket.com/albums/ac44/Faiswahid/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i884.photobucket.com/albums/ac44/Faiswahid/Iklan.gif" border="0"/></a>

</div>

Catatan :
Ganti kode yang berwarna merah dengan alamat blog kamu.
Ganti kode yang berwarna biru dengan alamat gambar banner tersebut.
  • Lihat Blog.
Penting :
Kalau ada yang salah mohon ditambahkan aja maklum masih newbie.
Share on Google Plus

About Fais Wahid

Saya saat ini seorang mahasiswa strata 1 Geofisika di Universitas Hasanuddin yang mencoba untuk berbagi pengetahuan saya walau pun saya sendiri juga masih belajar.