Welcome To Awas Ada Boy Jangan Lupa Difollow Ya Silahkan Menikmati Artikel Dari Blog Kami Yang Ada Disini

Rabu, 03 Agustus 2011

Pasang Iklan Melayang jQuery (Ads Popout)

http://i56.tinypic.com/2he9dv6.jpg
Iklan pada blog bagi sebagian blogger adalah hal penting walau sebagian lagi tidak menyukainya. Terlepas dari suka dan tidak suka, kali ini saya akan memberikan artikel yang berkaitan dengan iklan. Sebenarnya telah beberapa kali saya menyuguhkan teknik menampilkan iklan, mulai dari Ads Popup[1],dan lain sebagainya. Semua artikel tersebut disuguhkan sebagai alternatif bagi para blogger untuk memilih mana tampilan yang terbaik untuk menampilkan iklan pada blognya.
http://4.bp.blogspot.com/_xcD4JK_dIjU/TO6Gyh8BvFI/AAAAAAAAEnc/KtUP2oIjVuk/s400/jQuery_Ads_Popout.jpg

Klik disini untuk melihat DEMOnya..

Baiklah, kita lansung kelangkah pembuatannya..
Ikuti langkah-langkah berikut :

1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode : ]]>
5. Jika Sudah Ketemu, letakkan Kode CSS dibawah ini sebelum atau diatas kode ]]> .



#infout{margin:0;padding:0;position:absolute;top:250px;left:0;width:320px;height:350px;z-index:100;overflow:hidden;}
#infout a,#infout a img{text-decoration:none;border:0;outline:0}
#infout a span{display:none}
#infout #judul{width:20px;height:350px;position:relative;left:0;z-index:102}
#infout a#tutup{position:absolute;background:transparent url(http://lh3.ggpht.com/_6-JIvzw7Lbs/TO6BMNhIrXI/AAAAAAAAABQ/r4s_MBsv5GM/s800/trans_pixel.gif);top:0;left:230px;height:25px;width:65px;cursor:pointer}
#infout a#buka{cursor:pointer}
#infout #wadah{position:absolute;top:10px;left:20px;margin-left:-300px;z-index:101}

4. Selanjutnya Cari kode : . Lalu letakkan Kode berikut sebelum atau diatas kode



4. dan Cari kode : , lalu letakkan Kode berikut diatasnya.



 

  Buka Informasi
 

 

  Tutup
 
 


KET::: teks yang berwarna orange, sobat bisa ganti sesuka anda..

6. Terkhir Preview dulu,. jika berhasil. baru Save template..
Jika sobat masih bingung, sobat tinggal meninggalkan pesan pada kotak komentar.
Reaksi:

0 komentar:

Poskan Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Affiliate Network Reviews