ads

Cara Membuat kotak iklan Melayang dan ringan

Minggu, 03 Juli 2011


 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;
}

 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... :)


4 komentar:

sismawan mengatakan...

Trima kasih Atas Kunjungannya... :)

Gaia Eos mengatakan...

blog walking ;)

adrian mengatakan...

wah menarik nih..klo ringan saya tertarik..thanks sob..mugkin akan dicoba di blog khusus meraup keuntungan aja ..hehe..keep posting ya..jangan lupa jga komen balik di blogku ya

casperxey mengatakan...

mantaf gan
ane juga dah pasang
mampik k blog ane ya gan

Posting Komentar

 
© Copyright 2010-2011 InfoKanca All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.