Pasang Iklan Melayang jQuery (Ads Popout)

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.


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.

 

 
 

 

  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.

Posted in: BERITA TERBARU