Selamat pagi semuanya, kali ini saya ingin berbagi tips buat kalian semua yang ingin memasang kotak iklan di blog. cara ini sudah saya terapkan di blog saya, bisa kalian lihat sendiri. ada 4 kotak iklan yang terpasang di blog saya.
Kotak iklan ini sangat bagus buat kalian yang mau memasang iklan di blog. untuk lebih jelas lagi ayo di simak caranya di bawah ini.
1. Silakan login ke Blogger Anda >Tema >Klik Edit HTML > CTRL+F Untuk memudahlan pencarian lalu tambahkan kode css di bawah ini tepat diatas kode
2. Simpan theme
3. Kemudian masuk ke Tata Letak - Tambahkan Gadget - Pilih HTML/JavaScript -Selanjutnya copy code html dibawah ini ke dalam widget tadi, dan save.
Perhatikan kode yang saya block di atas, isi sesuai kebutuhan dan tempatnya
4. Jika sudah selesai, simpan dan lihat hasilnya
Ya semoga tutorial dari admin mudah dipahami bagi pemula untuk belajar jika sudah paham langsung cuss aja hehe, dan semoga bermafaat.
Kotak iklan ini sangat bagus buat kalian yang mau memasang iklan di blog. untuk lebih jelas lagi ayo di simak caranya di bawah ini.
]]></b:skin>
atau </style>
/* Kotak Iklan https://oprekerold.blogspot.com */
.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 #aaa}
.kotak_iklan img.noborder {border:0;
2. Simpan theme
3. Kemudian masuk ke Tata Letak - Tambahkan Gadget - Pilih HTML/JavaScript -Selanjutnya copy code html dibawah ini ke dalam widget tadi, dan save.
<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
</div>
Perhatikan kode yang saya block di atas, isi sesuai kebutuhan dan tempatnya
4. Jika sudah selesai, simpan dan lihat hasilnya
Ya semoga tutorial dari admin mudah dipahami bagi pemula untuk belajar jika sudah paham langsung cuss aja hehe, dan semoga bermafaat.
Posting Komentar