Iklan / pemasangan iklan ini memang banyak dilakukan oleh para web designer ataupun bloggers termasuk saya sendiri. Apalagi dengan adanya income dollar yang lumayan buat si pemilik blog/web site. Jelas sekali bahwa pemasangan iklan ini sangat menguntungkan bagi para web designer ataupun bloggers. oleh karena itu banyak para bloggers memilih untuk menyisakan tempat untuk pemasangan iklan.
Akan tetapi terkadang kita juga ada kendala dari pemasangan iklan. Apalagi dengan adanya tuntutan penempatan iklan yang harus strategis karna dari situlah kita bisa dapat dollar. Nah disini kita coba untuk belajar membuat tempat iklan yang mudah dibaca oleh para pengunjung sekaligus menghemat tempat tanpa menggeser isi-isi yang lain. yaitu membuat kotak/tempat iklan yang melayang.
jika anda tertarik untuk menggunakannya silahkan ikuti langkah - langkah dibawah ini,
1.Log in Blogger.com
2.Pilih Rancangan/layout
3.Edit HTML --> centang Expand Template Widget ,jangan lupa Download Template Lengkap untuk keamanan ... okey... :)
4. Setelah itu cari kode </head>
Kalau sudah ketemu taruh kode dibawah ini tepat di atasnya
<script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>
5.Selanjutnya cari kode ]]></b:skin>
Kalau sudah ketemu taruh kode dibawah ini tepat di atasnya
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
Ket : Width: 620px ( untuk mengatur lebar Kotak )
Lightyellow ( warna background ) anda bisa ganti warna tsb, misal Black (hitam), Red ( merah ) dan banyak lagi lainnya..
6. Save template.
Langkah di atas masih Belum selesai sob,setelah Sobat ikuti langkah diatas langkah selanjutnya kita masuk ke halaman Rancangan lalu tambahkan gadget HTML Javascript sobat dan masukkan kode dibawah ini :
<div id="topbar">
MASUKKAN CODE IKLAN ATUPUN CODE LAINYA YANG ANDA INGIN PASANG
<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>
</div>
Setelah anda masukan Code yang ingin anda pasang klik Save dan selesai sudah sob..
Silahkan lihat hasilnya...
Selamat Mencoba dan Sukses Selalu Buat Sobat... :)
