Cara Membuat Like Box Melayang

 

Dari pada nunggu-nunggu langsung aja ke TKP

Ikuti cara-cara di bawah ini:

1. Login Blogger
2. Pilih rancangan.
3. Klik tambah gadget.
4.Pilih HTML/JavaScript.
5. Masukkan kode di bawah ini :

<script type="text/javascript"><!--
var persistclose=0
var startX = 100
var startY = 100
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>
<style type="text/css"><!--
#topbar{position:absolute;width: 340px;visibility: hidden;z-index: 100;border: 1px solid #bdccdc;padding: 5px; background-color: #fff; -moz-border-radius:5px; font: 11px Tahoma, arial, Verdana, sans-serif; line-height:16px;}
.tolbarclose {cursor:default;}
--></style>
<div id="topbar">
<div class="iklankotak1" style="padding:0 0 5px 5px;">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:5px 0 5px 3px;" valign="top" width="50%">
<span style="font-size:14px; font-weight:bold;">Welcome!</span>
</td>
<td align="right" style="padding:0;" valign="top" width="50%">
<a class="tolbarclose" href="#" onclick="closebar(); return false" rel="nofollow"><img alt="close" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL7By_vVRkdo5e4N3XikrfDH2fxkWJ0SP7JdJgrUJXroDlrBKGxB8E6oOR8P3AcXCDP_HgeSoai0AMyGjRmFE5aweJnHJ8NWLVnaneN4ZIqmEmaZOSutDGBkBFeuAum99aMKfX53NRuyc/?imgmax=800" /></a>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<!-- Isi Widget melayang -->

Isikan Kode Iklan Anda

<!-- Isi Widget melayang -->
</td></tr></table></div>
</div>

Keterangan :
Ganti kode yang berwarna "biru" dengan kode iklan maupun likebox sobat.

6. Silahkan save dan lihat hasilnya.

These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Tags: Tips Blog