Sabtu, 31 Maret 2012

Cara membuat kotak like facebook melayang di blog

Langsung aja ke TKP aja Gan,,lagi malas nulis soalnya,,
1.Login Ke Akun Blogger
2.Tambah Elemen/Gadget
3.Pilih HTML/Script

4.Copy Paste Kode Berikut ini :
<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">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh9w7O_2mFOTlaVzazl-cwDTr3ceWSmuUKes-O9lqkzb1P02tMAtPFF48ZymKxC6X6RQHQl1cD8Di-64E5GSP2HEA7wF5DGnnkSR84E8wxWwHF89gjqP7YPkju-EqFOf8Q_rwlgMF-fhyphenhyphenf/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
Letakkan script like facebook di sini
</div>
</center>
</div>

5.Simpan.

Tidak ada komentar:

Posting Komentar

Blogger yang baik adalah Blogger yang meninggalkan Jejak Komentar

Recent Posts

Get this || Joela ||
Template by : kendhin Editor by : JOELA SHARE

Selamat Datang Di Blog Joela

Selamat datang di blog joela , Saya berharap para bloogger mania dan para blogwalking betah di blog yg masih banyak kekurangan ini,mudah-mudahan apa yang saya share bisa bermanfaat bagi kita semuaAbout this blog

Sekilas tentang Joela

Nama Joela sendiri berasal dari kisah saya dulu,kisah yg begitu manis dan tak terlupakan dengan someone yg begitu ku Puja,nama itu sendiri merupakan Gabungan dari nama ujung panggilan. Di sebelah kanan itu foto saya ,asli bukan editan ( Ganteng Yah :D ,,Namanya jga cowok ) . Asli saya Orang Bangko , Jambi Tapi Orang Tua saya Semua dari Jawa ( Bantul dan Sleman) . Kalau orang tuanya Jawa Semua . ya Wes Pasti Anake Wong Jowo Tulen.. hehe

Social Stuff

Info