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 Tata letak
- 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........
0 Response to "membuat kotak banner dengan mudah tanpa css, langsung dari widget"
Posting Komentar
masukan anda terima kasih kami,
tanpa spam dan tanpa kata-kata kotor