Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan

http://3.bp.blogspot.com/-oWRBte3v7RI/TxG2ZrN4eFI/AAAAAAAAAzs/2LF_xpKkC_g/s1600/ads.jpgCobasanasini pada postingan kali ini saya akan membahas cara memasang iklan melayang pada kiri dan kanan blog.pada tutor ini mengunakan script CSS dan lebih mudah untuk diedit kalo masih bingung langsung aja dech ke tutor :




1.Log in ke blogger.
2.Klik rancangan » Edit HTML » Centang pada kolom Expand Template Widget.
3.Pastekan kode di bawah ini tepat di bawah kode <body>.

<!--start code via cobasanasini -->
 <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="Isikan Dengan URL yang akan ditu nantinya"><img src="Isikan ini dengan link baner anda" border="0"></a></div>
<div id="leftbanner" class="float"><a href="Isikan Dengan URL yang akan ditu nantinya" target="_blank">
<img src="Isikan ini dengan link baner anda" 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 via cobasanasini -->


Keterangan :
  • Kode yang berwarna biru  Isikan Dengan URL yang akan ditu nantinya.
  • Kode yang berwarna merah Isikan ini dengan link baner anda.
  • Kode yang saya beri latar berwarna orange, anda bisa menggantinya dengan script iklan adsense anda.
4.Save template.

Sekian kayaknya itu saja yang bisa saya berikan kepada teman teman blogger semoga bermanfaat salam bloer selamat mencoba,,!!

0 Coment "Cara Membuat Iklan Melayang Di Samping Kiri dan Kanan", Baca atau Masukkan Komentar

Posting Komentar