Rabu, 02 Mei 2012

Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan


B-digg - Tutorial Blogger dan SEO Blogger - Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan . Banyak sekali tempat strategis untuk meletakkan iklan Ads pada suatu blog, salah satunya yang perlu anda coba adalah meletakkan iklan-nya pada samping kiri dan kanan blog anda. Tentunya ini akan menambah peluang klik iklan anda dan pendapatan anda pun bisa bertambah.

Contoh Slider Banner Ads (Klik untuk memperbesar)

Bagi sobat yang sudah nggak sabar ingin mempraktekannya pada blog sobat, ikutilah langkah-langkah Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan  berikut ini.

1.Log in ke blogger.
2.Klik rancangan » edit HTML » centang kotak Expand Template Widget.
3.Pastekan kode di bawah ini tepat di bawah kode <body>.
<style type="text/css">
.float {
width: 150px;
height: 800px;
border: solid 1px white;
}
</style>
<!--code of scrolling banner -->
<div id="rightbanner" class="float"><a href="Url yang akan di tuju"><img src="link to your banner" border="0"></a></div>
<div id="leftbanner" class="float"><a href="URl yang akan di tuju" target="_blank">
<img src="link to your banner" border="0"></a></div>
<script type="text/javascript">
function setPosition(id, position) {
var store = {
ram : {
top : 0,
left : 0,
right : 0,
bottom : 0
},
rom : {
top : null,
left : null,
right : null,
bottom : null
}
};
for (var i in position) {store.rom[i] = position[i];}
var element = document.getElementById(id);
for (i in store) {element[i] = store[i];}
element.rom.move = function() {
if (window.innerHeight) {
var topPage = window.pageYOffset;
var leftPage = window.pageXOffset;
var rightPage = leftPage + window.innerWidth - element.offsetWidth;
var bottomPage = topPage + window.innerHeight - element.offsetHeight;
}
else {
var topPage = document.body.scrollTop;
var leftPage = document.body.scrollLeft;
var rightPage = leftPage + document.body.clientWidth - element.offsetWidth;
var bottomPage = topPage + document.body.clientHeight - element.offsetHeight;
}
element.style.position = "absolute";
if (element.rom.top != null) {
element.ram.top += Math.round((topPage + element.rom.top - element.ram.top)/20);
element.style.top = element.ram.top;
}
if (element.rom.left != null) {
element.ram.left += Math.round((leftPage + element.rom.left - element.ram.left)/20);
element.style.left = element.ram.left;
}
if (element.rom.right != null) {
element.ram.right += Math.round((rightPage - element.rom.right - element.ram.right)/20);
element.style.left = element.ram.right;
}
if (element.rom.bottom != null) {
element.ram.bottom += Math.round((bottomPage - element.rom.bottom - element.ram.bottom)/20);
element.style.top = element.ram.bottom;
}
setTimeout("document.getElementById('"+element.id+"').rom.move()",10);
};
element.rom.move();
}
setPosition("a", {top: 0, left: 880});
setPosition("c", {top: 0, left: 20});
</script>
<!--end code -->
Keterangan :
  • Kode yang berwarna kuning gantikan dengan url banner iklan anda.
  • Kode yang berwarna merah ganti dengan url iklan yang akan ditujukan.
  • Kode yang saya beri latar berwarna hijau, anda bisa menggantinya dengan script iklan adsense anda.
4.Save template.

Selesai sudah langkah-lagkah Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan  mudah-mudahan postingan saya kali ini bisa bermanfaat bagi anda.

2 komentar:

hanif imawan on Selasa, Juni 12, 2012 mengatakan...

banyak yang salah gan ,,, coba lebih teliti lagi ... terimakasih

cyberthief83 on Kamis, Juni 28, 2012 mengatakan...

Maturnuwun infonya ... iya gan kok scripnya gak jalan ya... monggo mampir di blog saya

Followers

 

TKJHOMED 31. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com