Cara Mudah Membuat Kotak Banner Iklan 125x125 di blogger
Cara Membuat Kotak Banner Iklan 125x125 ini diambil dari cara Kang Rohman, caranya sangat mudah, hasilnya seperti blog saya ini;
1. Masuk ke Dashboard > Template > Edit HTML
2. Klik Lanjutkan > Jangan Lupa Centang Expand Template Widget
3. Copy Kode CSS berikut dan letakkan di atas kode ]]></b:skin>
4. Save Template.
5. Selanjutnya, buka Tata Letak > Add Gadget / Tambah Gadget > HTML/JavaScript
6. Copy kode HTML di bawah ini dan paste di kotak yang tersedia.
Keterangan:
1. Masuk ke Dashboard > Template > Edit HTML
2. Klik Lanjutkan > Jangan Lupa Centang Expand Template Widget
3. Copy Kode CSS berikut dan letakkan di atas kode ]]></b:skin>
/** Kotak Iklan **/
.kotak_iklan {text-align: center;}
.kotak_iklan img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan img:hover {border: 1px solid #333}
.kotak_iklan {text-align: center;}
.kotak_iklan img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan img:hover {border: 1px solid #333}
4. Save Template.
5. Selanjutnya, buka Tata Letak > Add Gadget / Tambah Gadget > HTML/JavaScript
6. Copy kode HTML di bawah ini dan paste di kotak yang tersedia.
<div class="kotak_iklan">
<a href="URL" title="TITLE-IKLAN"><img border="0" src="URL-Gambar" alt="ALT/TEXT GAMBAR" width="125" height="125" /></a>
<a href="URL" title="TITLE-IKLAN"><img border="0" src="URL-Gambar" alt="ALT/TEXT GAMBAR" /></a>
<a href="URL" title="TITLE-IKLAN"><img border="0" width="125" alt="ALT/TEXT GAMBAR" src="URL-Gambar" height="125" /></a>
<a href="URL" title="TITLE-IKLAN"><img border="0" width="125" alt="ALT/TEXT GAMBAR" src="URL-Gambar" height="125" /></a></div>
<a href="URL" title="TITLE-IKLAN"><img border="0" src="URL-Gambar" alt="ALT/TEXT GAMBAR" width="125" height="125" /></a>
<a href="URL" title="TITLE-IKLAN"><img border="0" src="URL-Gambar" alt="ALT/TEXT GAMBAR" /></a>
<a href="URL" title="TITLE-IKLAN"><img border="0" width="125" alt="ALT/TEXT GAMBAR" src="URL-Gambar" height="125" /></a>
<a href="URL" title="TITLE-IKLAN"><img border="0" width="125" alt="ALT/TEXT GAMBAR" src="URL-Gambar" height="125" /></a></div>
Keterangan:
- URL: ganti dengan URL website yang dituju.
- TITLE-IKLAN: ganti dengan judul yang ingin ditampilkan atau dihapus aja.
- ALT/TEXT GAMBAR: ganti dengan alt tag yang ingin digunakan, penggunaannya sama seperti alt tag pada gambar posting blog.
- URL-Gambar: ganti dengan URL gambar yang ingin ditampilkan.
Artikel Cara Mudah Membuat Kotak Banner Iklan 125x125 di blogger ini Anda baca di webeson.blogspot.com
Jika Anda merasa artikel ini bermanfaat, jangan lupa kasih komentar.
Terimakasih atas kunjungan Anda. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Silahkan baca Posting Meranik Lainnya di bawah ini dan jangan lupa berkunjung kembali
Terimakasih atas kunjungan Anda. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Silahkan baca Posting Meranik Lainnya di bawah ini dan jangan lupa berkunjung kembali