Tips Mudah Cara Membuat Iklan Melayang pada WordPress

Tips Mudah Cara Membuat Iklan Melayang pada WordPress

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 ??

Oke kita flash back dulu ke teknik cara membuat iklan melayang dengan tombol close sebelumnya, copas saja codenya lalu terserah anda mau menempatkan iklan itu dimana. Apakah mau di tempatkan di Main Index (home) , atau di Single Post (di artikel). Atau ke dua-duanya :mrgreen: .

Ini dia code / script yang nantinya Anda gunakan sebagai pemanggil

<style type=”text/css”>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type=”text/javascript”>
function showHideGB(){
var gb = document.getElementById(“gb”);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(“gb”);
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + “px”;
if(x0!=xf){setTimeout(“moveGB(“+x+”, “+xf+”)”, 10);}
}
</script>

<div id=”gb”>

<div onclick=”showHideGB()”> </div>

<div>

<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
.:[Close][Klik 2x]:.
</a>
</div>
<center>

DISINILAH ANDA MELETAKAN KODE SCRIPT IKLAN ANDA

</center>

<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.center = (30-gb.offsetWidth).toString() + “px”;
</script></center></div></div>

Tempatkan code diatas setelah code <?php get_header(); ?> , selamat mencoba

Kalau ada yang bingung silahkan dibahas di form komentar :D

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