MINTA DO'ANYA BIAR LANGGENG ~Mi*El~


Home » » Javasript / HTML untuk Iklan Melayang atau Popup Di Blog

Javasript / HTML untuk Iklan Melayang atau Popup Di Blog

Assalamu'alaikum,,,,

Selamat datang lagi di WEB saya ini, sekarang akan saya kasih Javascript untuk membuat Iklan melayang. Biasanya orang kehabisan tempat untuk meletakkan sesuatu yang ingin di beri tahu kan kepada pengunjung tapi tidak ada sekarang dengan menggunakan secript ini maka teman-teman semua akan bisa meletakkan iklannya melayang dalam blog dan ini bukan hanya iklan saja tapi berbagai info penting yang ingin diberikan kepada pengunjung.

Sekarang langsung saja ke inti dari artikel yang saya buat, menuju ke TKP yuks,,,:

1. Pertama login seperti biasanya ke akun blog kalian.
2. Pada halaman dashboard blog, pilih>>>TataLetak>>>Lalu klik Add a Gadget atau Tambah Gadget
3. Scroll kebawah sedikit>>>Lalu pilih Widget HTML/Javascript
4. Jika sidah Copy Kode di bawah ini dan Paste di dalam Widget kolom HTML/Javascript ini:



<!-- Script kotak like Facebook Melayang mrrainboow-xp -->
<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
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>
<br />
<div class="clear">
</div>
<div id="topbar">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;"> 
Kode Script Facebook Likebox Here !!! 
</div>
</center></td>
</tr>
</table>
</div>
<!-- End Like Fan Page Melayang MrRainboow-xp -->

 5. SAVE dan Lihat Hasilnya.


Sekian dulu dengan Tips Trik yang saya kasih ini, semoga bermanfaat untuk kalian.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BLOG*ISLAM

Enter your email address:

Delivered by FeedBurner

0 komentar:

Post a Comment

 
Support : KANG WEB
Copyright © 2013. BLOG*ISLAM - All Rights Reserved
Proudly powered by Blogger