TKJHOMED 31: 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>


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

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.