Cara Membuat Kotak Iklan Di Blog
Cara Membuat Kotak Iklan Di Blog
Perlu saya sampaikan sebelum Anda membuat kotak iklan di blog adalah hal yang perlu diperhatikan dalam menampilkan space baner iklan adalah letak serta susunannya agar semakin menarik minat orang banyak. Jadi tidak asal pasang gambar yang akhirnya iklan yang ditampilkan menjadi kurang menarik karena berantakan.
1. Silahkan login ke ID/akun blogger Anda
2. Pada menu dropdown klik "template" lalu klik "Edit HTML"
3.Kemudian cari kode ]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.
/** 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}
4. Selanjutnya save/simpan template
5. Kemudian lihat menu disebelah kiri layar lalu klik Tata Letak > Tambah Gadget > Pilih HTML/JavaScript
6. Langkah berikutnya silahkan masukkan kode berikut ini ke dalam form yang disediakan.
<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
</div>
Perhatikan kata yang saya beri warna pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang dibawahnya.
7. Jika sudah selesai, silahkan simpan/save dan lihat hasilnya
Mungkin itulah sedikit tutorial dari ane tentang cara membuat kotak iklan di blog, semoga dengan agan membuat space iklan di blog maka akan menambah penghasilan agan di dalam mencari rizki di dunia maya ini. Amin
Perlu saya sampaikan sebelum Anda membuat kotak iklan di blog adalah hal yang perlu diperhatikan dalam menampilkan space baner iklan adalah letak serta susunannya agar semakin menarik minat orang banyak. Jadi tidak asal pasang gambar yang akhirnya iklan yang ditampilkan menjadi kurang menarik karena berantakan.
1. Silahkan login ke ID/akun blogger Anda
2. Pada menu dropdown klik "template" lalu klik "Edit HTML"
3.Kemudian cari kode ]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.
/** 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}
4. Selanjutnya save/simpan template
5. Kemudian lihat menu disebelah kiri layar lalu klik Tata Letak > Tambah Gadget > Pilih HTML/JavaScript
6. Langkah berikutnya silahkan masukkan kode berikut ini ke dalam form yang disediakan.
<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
</div>
Perhatikan kata yang saya beri warna pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang dibawahnya.
7. Jika sudah selesai, silahkan simpan/save dan lihat hasilnya
Mungkin itulah sedikit tutorial dari ane tentang cara membuat kotak iklan di blog, semoga dengan agan membuat space iklan di blog maka akan menambah penghasilan agan di dalam mencari rizki di dunia maya ini. Amin
Categories:
