Judul : Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan
link : Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan
Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan
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.
Selesai sudah langkah-lagkah Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan mudah-mudahan postingan saya kali ini bisa bermanfaat bagi anda.
Demikianlah artikel tentang Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan
Sekianlah artikel Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan kali ini, mudah-mudahan bisa memberi manfaat untuk pembaca semua.
Anda sekarang membaca artikel Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan dengan alamat link https://anakugoogle.blogspot.com/2012/04/cara-membuat-iklan-melayang-di-samping.html
0 Response to "Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan"
Post a Comment