Home » , » Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan

Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan

Saturday, June 23, 2012 | 1comments

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 -->
Source code : http://www.kucoba.com

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.

Related Post:

Share This Article :

1 comments:

  1. Patut dicoba nih..
    ----------------------------------
    Gunakan Adobe Flash Professional CS6 untuk membuat animasi! Rasakan kelebihannya. Mau download Adobe Flash Professional CS6 Full Version?
    Ikuti cara - cara disini: http://go.el-davinci.com/Adobe_Flash_Pro_CS6_Full_Crack

    ReplyDelete

Saya tidak online 24 Jam dan hanya sendiri mengurus blog ini, mohon maaf bila komentar anda tidak di balas.
Mohon gunakan kata-kata yang sopan dalam memberikan komentar.
Komentar SPAM, SARA, dan sejenisnya tidak akan di tampilkan.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. SURYA COMMUNITY SEVEN - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger