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’) 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” 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” 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=”http://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 />

Dan yang terakhir tinggal save.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s