Motivasi Royan

Anda mungkin melihat Format Iklan melayang di blog ini setiap Blog di buka. Format Iklan ini tidaklah sulit untuk membuatnya.

Hanya Perlu polesan sedikit untuk membuat Format Iklan Melayang. Dalam arti polesan, hanya sekedar menambahkan kode kode saja kedalam "Tata Letak", bukan di Edit HTML.

Ingin Mencobanya?Silakan ikuti tahap-tahap berikut dengan benar

1. Buka Account Blogger Anda, Masuk ke Layout/Tata Letak

2. Kemudian "Tambah Gadget" diatas Header, Tidak ada elemen halaman di atas header? Silakan Buat dulu seperti di bawah ini,

Masukkan kode diatas, diatas kode ]]></b:skin>

Kemudian Tambahkan kode yang berwarna ungu di bawah ini seperti contoh berikut

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidget="1" showaddelement="no">

<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>

</b:section>

</div>

Simpan template

Kemudian lihat ke Tataletak -> element laman, sudah munculkan

Seperti contoh Gambar dibawah ini :

Eits.. Tapi setelah itu jangan pindah dulu ke Halaman lain. Masih pada kode ]]></b:skin>. Masukkan kode css di bawah ini, diatas kode ]]></b:skin>

3. Jika Sudah Selesai Untuk tahap Pembuatan Elemen Halaman diatas Header+pemasangan css, Sekarang Klik "Tambah Gadget" diatas Header yang telah anda buat Tadi

4. Klik "HTML/Javascript"

5. Masukkan kode di bawah ini.

<div id="topbar" style="visibility: hidden; left: 30px; top: 50px;">

<table width="100%"><tbody><tr><td align="center">

<center>

</center></td><td><a href="" onclick="closebar(); return false"><img border="1" src="http://i994.photobucket.com/albums/af65/royansableng/fm.jpg"/></a>

</td></tr></tbody></table>

</div><script type="text/javascript">

var persistclose=0

var startX = 30

var startY = 5

var verticalpos="fromtop"

function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) { var search = Name + "="

var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search)

if (offset != -1) { offset += search.length

end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;}

function closebar(){ if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("topbar").style.visibility="hidden"

}

function staticbar(){ barheight=document.getElementById("topbar").offsetHeight

var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="")

el.style.visibility="visible"

if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop")

el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY;}

return el;}

window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8;}

else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8;}

ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10);}

ftlObj = ml("topbar"); stayTopLeft();}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

</script>

KETERANGAN : Untuk kode yang berwarna BIRU, disini sesuai dengan kode Iklan Yang Anda akan inginkan, misal KumpulBlogger, Google Adsense, Dlsb.

Kumudian Untuk kode yang di beri warna MERAH, itu merupakan tombol "close", jika anda menghendaki berbeda dari itu, silakan ganti saja sesuai dengan keinginan

Silakan Mencoba!

Referensi : www.akhatam.com