Cara Membuat Tombol Like Melayang Di Blog

 Setelah Membuat FANS Page Untuk Blog pastinya anda ingin mengelola agar Lebih menarik ada beberapa Cara agar Tombol Like Fans Page Terlihat Menarik, salah satunya adalah dengan memasang Tombol Like Melayang, Tombol Like Melayang akan memudahkan para pengunjung untuk mengLike fans page yg kita Buat. Yg Udah gak sabar Langsung saja Simak!

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen laman > Tambah Gadget.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Tidak usah diberi judul.

5. Copy kode di bawah ini dan paste di kotak Konten.

<div class='widget-content'>

<style type="text/css">

#topbar{

position:absolute;

padding-top:300px;

padding-left:500px;

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://lh4.googleusercontent.com/-GZFcYpNw6g0/TxozkU-AvqI/AAAAAAAAB5Y/f0h9rNW283w/s61/Close-Button-Pradisz-Wardhana.png" /></a></div>

<center>

<div style="background: #fff;">

<center>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FAnak Googles&amp;width=299&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=165" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:299px; height:165px;" allowtransparency="true" rel="nofollow"></iframe></center></div></center></div></div>

• Anak_Googles ganti dengan ID halaman anda.

6. Terakhir “SIMPAN”

Nah itulah Cara Membuat Tombol Like Melayang yg Mau Coba Silahkan di Coba yg Cuma Mau Nyimak jaga gak masalah buat Tambah Pengetahuan,,

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Android User, Published at 11:32 and have 0 comments