Cara Membuat Frame Iklan dengan Show Hide Javascript

Ilmu belajar ngeblog ternyata tidak ada habisnya, Ada satu tambahan lagi. 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’) 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 />

Terakhir save untuk menyimpan dan melihat hasilnya.

2 responses to this post.

  1. […] « Tips Mudah Cara Membuat Iklan Melayang pada WordPress Cara Membuat Frame Iklan dengan Show Hide Javascript […]

    Reply

  2. […] Cara membuat iklan melayang dengan java script pada wordpress kali ini merupakan jawaban dari pertanyaan guru olahraga yang bingung menerapkan teknik cara membuat iklan melayang dengan tombol close sebelumnya. Sebenarnya code script nya sama saja, tapi di teknik sebelumnya hanya saya fokuskan pada Blogspot, lalu bagaimana caraanya untuk ditempatkan pada WordPress ?? […]

    Reply

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

%d bloggers like this: