Cara membuatnya,
1. Masuk ke blogger kamu
2. Pilih layout, klik edit html
cari kode ini, ]]></b:skin> Setelah ketemu copy kode dibawah ini tepat diatasnya kode tadi :
#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}
#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
setelah selesai cari kembali kode <div id=main-wrapper> Setelah ketemu copy kode dibawah ini dan paste diatasnya kode tadi
<div id='Banner-ads'>
<a hight='100' href='http://kursusbuatblog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://kursusbuatblog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://kursusbuatblog.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
</>
Perlu diperhatikan bahwa:
Untuk membuat 7kolom tiggal kamu copy paste lagi kode diatas ini, sampai berjumlah 7klom/kotak iklan, karena dalam kode diatas hanya untu 3 kolom, Pada alamat blog (warna kuning) ganti dengan alamat blog kamu pada URL warna pink ganti dengan alamat gambar kamu. untuk membuat url gambar kamu bisa membuat di photobucket.com
atau Kotak banner di side bar yang berukuran 125 x 125. caranya sebagai berikut...
Login ke account blogger kamu.
Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
Backup Template Blog anda dengan cara Download Full Template untuk berjaga-jaga bila nantinya terjadi kesalahan.
Kemudian cari kode ]]> kemudian tambahkan kode CSS berikut diatasnya:
/* 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 template.
Kemudian Pilih tab Tata Letak --> Elemen Halaman.
Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.
Copy dan pastekan kode di bawah ini.
Simpan.
Cara menyisipkan gambar ke dalam kotak banner:
Perhatikan kode di atas
Tuliskan alamat iklan atau blog yang dituju pada bagian yang berwarna merah.
Pada bagian yang berwarna hijau isikan dengan URL gambar yang ingin anda tampilkan.
Comments :
0 komentar to “pasang banner iklan di blogger”
Posting Komentar