Nah seperti janji aku sebelumnya aku kembali lagi menulis di blog ini.. pembahasan kali ini Tentang Belajar Blog yaitu tentang bagaimana cara membuat Iklan melayang tapi bukan cuma iklan aja yang bisa di buat melayang. Jadi dari pada banyak basa-basi nanti keburu basi mari kita mulai tutorial nya.
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 :
#gadget_header{width:100%}
Masukkan kode diatas, diatas kode ]]><b:skin>
Kemudian Tambahkan kode yang berwarna merah di bawah ini seperti contoh berikut
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
<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>
Sudahkan menambah Elemen diatas Header?
Sekarang Langsung Membuat Format Iklan Melayang
3. Jika Sudah Selesai Untuk tahap Pembuatan Elemen Halaman diatas Header, 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>
<embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" quality="high" width="600" src="http://www.fileden.com/files/2009/10/12/2599919/melawai_ads.marluve.swf" height="250" bgcolor="white" type="application/x-shockwave-flash"></embed>
</center></td><td><a href="" onclick="closebar(); return false"><img border="1" src="http://www.fileden.com/files/2009/10/12/2599919/close.gif"/></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!!
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 :
#gadget_header{width:100%}
Masukkan kode diatas, diatas kode ]]><b:skin>
Kemudian Tambahkan kode yang berwarna merah di bawah ini seperti contoh berikut
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
<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>
Sudahkan menambah Elemen diatas Header?
Sekarang Langsung Membuat Format Iklan Melayang
3. Jika Sudah Selesai Untuk tahap Pembuatan Elemen Halaman diatas Header, 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>
<embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" quality="high" width="600" src="http://www.fileden.com/files/2009/10/12/2599919/melawai_ads.marluve.swf" height="250" bgcolor="white" type="application/x-shockwave-flash"></embed>
</center></td><td><a href="" onclick="closebar(); return false"><img border="1" src="http://www.fileden.com/files/2009/10/12/2599919/close.gif"/></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!!