Beranda > Iklan PPC, Tips Blogspot > Cara Membuat Frame Iklan dengan Show Hide Javascript

Cara Membuat Frame Iklan dengan Show Hide Javascript

Ilmu belajar ngeblog ternyata tidak ada habisnya, terbukti kami admin kumpulan tips ngeblog mendapat kiriman tips ngblog lagi dari salah satu pengunjung. Yaitu sebuah cara membuat frame iklan dengan show hide javascript.

Trik ini sudah banyak digunakan terutama pada pembuatan chatbox, tapi kita bisa memanfaatkan untuk membuat frame iklan yang secara tidak langsung akan membarikan page impression yang maksimal untuk iklan Anda.

Mau tahu caranya ??

  • Login dulu ke blogger.
  • Pilih Layout kemudian pada page element pilih Add Gadget (Sebenarnya gak mesti tambah gadget baru sih. Bisa juga di selipin di Gadget yg sudah terpasang.)
  • Pilih yang HTML / Javascript
  • Copy kode dibawah ini kemudian Paste kedalam gadget (HTML / JavaScript) tadi.

<style type=”text/css”><br />#gb{<br />position:fixed;<br />top:150px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br /><br />.gbtab{<br />height:450px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url(‘http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S2EvgsgQ7nI/AAAAAAAAA_k/gq8QRLZcHFs/s400/cbblue.png&#8217;) no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #A5BD51;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style><br /><br /><script type=”text/javascript”><br />function showHideGB(){<br />var gb = document.getElementById(“gb”);<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById(“gb”);<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + “px”;<br />if(x0!=xf){setTimeout(“moveGB(“+x+”, “+xf+”)”, 10);}<br />}<br /></script><br /><br /><div id=”gb”><br /><br /><div onclick=”showHideGB()”> </div><br /><br /><div><br /><br /><!– BEGIN CBOX – http://www.cbox.ws – v001 –><br /><div id=”cboxdiv” style=”text-align: center; line-height: 0″><br /><div><iframe frameborder=”0″ width=”200″ height=”325″ src=”http://www5.cbox.ws/box/?boxid=655801&amp;boxtag=x34kak&amp;sec=main&#8221; marginheight=”2″ marginwidth=”2″ scrolling=”auto” allowtransparency=”yes” name=”cboxmain” style=”border:#DBE2ED 1px solid;” id=”cboxmain”></iframe></div><br /><div><iframe frameborder=”0″ width=”200″ height=”75″ src=”http://www5.cbox.ws/box/?boxid=655801&amp;boxtag=x34kak&amp;sec=form&#8221; marginheight=”2″ marginwidth=”2″ scrolling=”no” allowtransparency=”yes” name=”cboxform” style=”border:#DBE2ED 1px solid;border-top:0px” id=”cboxform”></iframe></div><br /></div><br /><!– END CBOX –><br /><br /><div style=”text-align:right”><br /><a href=”https://kumpulantipsngeblog.wordpress.com/2010/04/11/cara-membuat-frame-iklan-dengan-show-hide-javascript/”><br />[Mau Chatbox seperti ini..]<br /></a>|<a href=”javascript:showHideGB()”><br />[Tutup]<br /></a><br /></div><br /><br /></div><br /><!– End ShoutMix –> <br /><br /><script type=”text/javascript”><br />var gb = document.getElementById(“gb”);<br />gb.style.right = (30-gb.offsetWidth).toString() + “px”;<br /></script></div><br /><br /><br /><br /><script src=’http://upex.fileave.com/bintang/<br /><br />red<br /><br />.js’type=’text/javascript’/></script><br /><br />

Terakhir save untuk menyimpan dan melihat hasilnya.

  1. Mei 22, 2010 pukul 3:27 pm

    Tips nya mantap sob..kami coba deh..jangan lupa kunjungan balik anda sangat kami nantikan

  2. Juli 2, 2010 pukul 11:13 pm

    Mm.. Informasi yang sangat menarik.. Apalagi script ini yang sudah saya cari-cari sejak lama.. Terima kasih sudah sharing..

  3. Agustus 4, 2010 pukul 8:51 am

    Saya newbie dalam Blog, cari – cari info untuk memnuat frame diblog saya, ketemu nih tips…Thanks untuk Tipsnya bos,

  4. Agustus 7, 2010 pukul 11:28 pm

    Nice tips bro….. lanjutgan…..
    ditunggu kunjungannya…..

  5. Agustus 16, 2010 pukul 3:11 pm

    tenkyu di copy ya

  6. Desember 27, 2010 pukul 10:35 am

    ijin nyoba dulu gan… thanks tipsnya…

  7. blog bisnis online
    Juni 1, 2012 pukul 1:05 pm

    ijin nyoba gan…mudah-mudah bisa jalan di blog ane..thanks

  1. April 22, 2010 pukul 2:52 am

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: