"Cara Membuat Kotak Iklan Banner Pada Blog. Hampir semua blog atau situs menempatkan iklan pada salah satu halamannya, baik pada halaman utama ataupun pada halaman postingannya (permalink). Dari iklan yang dipasang tersebut, ada iklan yang hanya berupa link text dan ada juga iklan yang berupa banner. Jika jenis iklannya berupa banner atau image link, agar tampilannya terlihat lebih rapi, kita dapat menggunakan kotak iklan (box) sebagai sarana untuk menempatkan atau "membingkai banner tersebut. Nah, bagi yang ingin membuat kotak iklan dan belum mengetahui caranya silakan ikuti tips yang saya dapatkan dari O-om ini bersama Tips dan Trik Blog berikut ini.
Langsung saja pada langkah-langkahnya, yaitu sebagai berikut.
1. login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
2. temukan kode ]]></b:skin>
3. buat dan tempatkan kode css berikut ini di atas kode di atas tersebut dengan :
5. masuk (klik) Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript
6. ketikkan kode dengan format seperti di bawah ini :
7. simpan perubahan
8. refresh blog, silahkan lihat blog Anda
Langsung saja pada langkah-langkahnya, yaitu sebagai berikut.
1. login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
2. temukan kode ]]></b:skin>
3. buat dan tempatkan kode css berikut ini di atas kode di atas tersebut dengan :
#Kotak-iklan {margin: 0px;padding: 5px;text-align: center;}
#Kotak-iklan img {margin: 0px 4px 4px 0px;padding: 3px;text-align: center;border: 1px solid #c0c0c0;}
#Kotak-iklan img:hover {margin: 0px 4px 4px 0px;padding: 3px;text-align: center;border: 1px solid #333;}
Keterangan4. simpan template
Jika menginginkan, kita dapat mengganti warna border dengan kode html warna sesuai keinginan masing-masing. Untuk mengetahui kode warna silakan klik di sini.
5. masuk (klik) Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript
6. ketikkan kode dengan format seperti di bawah ini :
<div id="Kotak-iklan">Keterangan
<a href="http://alfian-ashari.blogspot.com/"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg72kDKYRNR79DR8tnpXG79TJOqZJ6MXc-XnqehEybJ-hL9N8Qkc9GFS_IOaB9TAq75BkN7ZI2r6ffGsFMirIoPZrYYzl8fBpBEmmxVMEGB_hmMSpGdMWSiYCkd9mG3RxmnuJ9YmrCpMIQ/s912/Bola-IAN_Azhari%2525E2%252584%2525A2.png" width="125" height="125"/></a>
</div>
- Yang berwarna biru, silakan diganti dengan URL blog atau situs kita masing-masing.
- Yang berwarna merah, silakan diganti dengan URL banner kita (yang sudah kita upload pada image hosting) masing-masing.
- Jika ingin menambahkan kotak lagi, kita tinggal memasukkan kode dengan format seperti di atas.
- Jika ingin mengkustomasi ukuran gambar/image, ubahlah angka pada width dan height.
7. simpan perubahan
8. refresh blog, silahkan lihat blog Anda
Postingan
0 komentar:
Posting Komentar