Jumat, 01 Maret 2013

Cara membuat Iklan melayang disamping blog

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.



Description: Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan
Rating: 5 dari 5
Reviewer: Yuda dan 99,9% Pembaca
Item reviewed: Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan

0 komentar:

Poskan Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes