Cara Membuat Frame Iklan Show Hide Di Blogspot

Cara Membuat Frame Iklan Show Hide Di Blogspot - 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
  • Pilih 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(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX4F0-SA9jA1Y05zrKQ88bM3YPJ7ogomdyhdSqKjbt9xgLqr4Ynvvm0CotrMAn7ruZPE7L_lf3WepMg6wt9orqCEQjO3CoTlL4SQP3z6pd36QSnvHogGM-povWbRzv1nYOwui_VSlDy00/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 – 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 />
Terakhir save untuk menyimpan dan melihat hasilnya.


Selamat Mencoba...