Saturday, August 25, 2012

Menampilkan Iklan Saat Blog Dibuka

Kota Cepu. Setelah mencari di mbah Google, cara menampilkan iklan/adsense pada saat blog dibuka akhir ketemu juga. Tapi setelah dipasang di Blog, hasilnya gak seperti yang saya harapkan. Dan saya coba untuk mengeditnya walau "buta" tentang java script. Akhirnya bisa juga seperti yang saya inginkan walau 2 hari utak atiknya hehee.. Script ini berguna untuk menampilkan Iklan/adsense saat pertama membuka blog seperti iklan pada adsense camp, kumpul blogger,google adsense dan iklan PPC lainnya. Kelebihan script ini ialah Iklan anda akan selalu muncul walaupun pengunjung blog anda melakukan scroling halaman, sehingga pengunjung dapat melihat dengan jelas iklan anda. Dan Berharap (ngarep.com)pengunjung akan mengeklik iklan tersebut. Langsung saja alias "to the point" hehe...

1- Log in ke account blogger.
2- Klik Tata Letak (Lay Out)
3- Klik Tambah Gadget (Add New Gadget) dimana saja (sesuka anda)
4- Pilih HTML /JAVA SCRIPT.
5- Copy pastekan script di bawah ini :

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

.gbtab{
height:250px;
width:250px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 25-w) : moveGB(25-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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

"Tuliskan (copy paste) Script Iklan / Adsense Anda Disini"

<div style="text-align:center">
<a href="javascript:showHideGB()">
[Click 2x To Close]
<a href="http://tejocepu.blogspot.com">
[Designer]
</a>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (125-gb.offsetWidth).toString() + "px";
</script></div>

Catatan :

* left:400px artinya widget (iklan) anda berada di 400 piksel dari tepi kiri, anda bisa menambah atau mengurangi angka tersebut, semakin besar angkanya semakin kekanan widget (iklan) anda dan sebaliknya. "left" bisa anda ganti sesuka anda dengan "right" atau yang lainnya.

* #000000 adalah kode warna background widget ini. Silahkan anda edit dengan kode warna sesuka anda.

*Silahkan Ganti "Tuliskan (copy paste) Script Iklan / Adsense Anda Disini" Dengan script iklan / adsense anda.


Semoga Bermanfaat



No comments:

Post a Comment