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!!
5 komentar:
Maaf saya mau tanya, apakah menampilkan iklan melayang transparant kumpul blogger ini tidak melanggar TOS ( Screen shot http://ctrust.info/2011/09/iklan-melayang-ini-apakah-tidak.html ) masalahnya iklan hampir tak tampak karena warna tulisan sama dengan background blog. makasih sebelumnya.
trimakasih pmbritahuannya,,,sya cma mau tnya NI IKLAN klau kta tampilkan di blog kita apakah melangar apa gak<,,,,
di tunggu jawaanya??/
hmmm... panjang juga y scriptnya... btw, ada contoh demonya g? biar tahu jadinya seperti apa
thanks gan infox...
obat kuat, obat kuat sex, pengobatan dan kesehatan
Toko Online yang menjual Obat Kuat, Alat Bantu sek Pria, Wanita, Obat Perangsang, Kosmetik Kecantikan, Pelangsing
Badan, Pembesar Payudara, pembesar Penis
Posting Komentar
Bagi Yang tidak mempunyai akun Google DLL bisa menggunakan ID ANONYMOUS Untuk berkomentar. Kasih Komentarnyaaaa donk!!!