Saturday, July 28, 2012

Cara Membuat Iklan Melayang Di Samping Blog

Posted by Riski maulana ibrahim Saturday, July 28, 2012, under | 7 comments

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

7 comments

August 19, 2012 at 5:43 PM

thanks informasinya yah gan

August 31, 2012 at 7:33 PM

wah2, kucoba.com sebagai sumbernya aja kalah di pencarian google.

mantap gan, lanjotkan

September 19, 2012 at 11:04 PM

thanks sudah berbagi ilmunya, sukses selalu....

October 13, 2012 at 5:54 AM

makasih gan panduannya..sukses selalu

October 13, 2012 at 2:43 PM

Info yang menarik dan lengkap..
bisa gak yah di pasang di Wp?

November 3, 2012 at 7:11 AM

makasih atas infonya gan slm sukses,mudah2 apa yg agan berikan bermanfaat buat sy,

January 13, 2016 at 10:38 AM

kalau untuk wordpress caranya bagaimana ya? kasih info dong

Post a Comment

BerKomentar Lah Dengan Baik Dengan Berkata Bermanusiawi Jangan Berkata Kasar Di Posting Ini Atau Akun Anda Akan Kami Hacking Jadi Berhati Hatilah Sebelom Berkomentar -":Salam HaCker ":-

Related Posts Plugin for WordPress, Blogger...

Blog Archive

Blog Archive

 
cursor: url("https://picasaweb.google.com/110667291707517219649/IMAGETUTORIAL2#5729338440284600194"), default;