Jumat, 09 Maret 2012

Memasang Like Box Melayang Di Blog


Kali Ini kita akan membuat atau memasang like box fans page facebook melayang di blog atau blogger dan tentunya dengan menyertakan tombol keluar atau close hanya dengan satu klik saja, untuk panduan Memasang Like Box Melayang Di Blog ini akan menghasilkan tampilan seperti pada gambar di samping yang tepatnya like box ini akan tampil setelah loading page selesai yang langsung berada di tengah pada atas halaman blog kita, yang akan kita buat ini ialah like box melayang yang di sertai border/garis dengan menggunakan table yangdi beri background warna putih, baiklah mari kita langsung saja menuju langkah-langkah berikut ;

1. Login ke Blogger.com
2. Klik Rancangan
3. Di Elemen Laman klik Tambah Gadget
4. Lalu tambahkan HTML/JavaScript dengan cara klik tanda +
5. Masukan script di bawah ini kedalamnnya Lihat Langkah-Langkah Tambah Gadget HTML/Javascript 


<!-- Script kotak like Facebook Melayang -->
<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;">


Letakan Script/code Like Box fans page Anda di sini


</div>
</center></td>
</tr>
</table>
</div>
<!-- akhir -->


6.Simpan dan Lihat Hasilnya

Penting...!!!
Gantilah Letakan Script/code Like Box fans page Anda di sini dengan script Anda sendiri jika belum buat lihat Cara Membuat Account di free-shoutbox.net lalu cara Membuat Shoutbox Di free-shoutbox.net dan langkah terakhir Anda hanya tinggal Memasang Shoutbox di Blogger


Selamat mencoba, semoga berhasil dan terima kasih telah berkunjung.

15 komentar:

  1. wah.. perlu di coba gan..
    thanks infonya..

    BalasHapus
  2. suka dengan desain dari template blog Anda..

    BalasHapus
  3. wah..... mantaph negh. like back yach sob. likebox sobat udah Q like..

    BalasHapus
  4. Wah Mantap Gan.. saya coba dulu'y...

    http://evenchiou3.blogspot.com/

    Like Back Gan...

    BalasHapus
  5. mantap nih, ini yang saya cari-cari.. thanks gan :D

    BalasHapus
  6. Kenapa tidak bisa ya om???
    Apa ad yg salah ya??

    BalasHapus
  7. mantap...ini yang aku cari, langsung tak aplikasikan di bloggu....

    BalasHapus
  8. Thanks sudah berbagi ilmunya, sukses selalu...

    BalasHapus
  9. terima kasih infonya,.. sayang ngak ada demonya ya ?

    BalasHapus
  10. Ane coba kok gak mau muncul ya gan?

    BalasHapus
  11. izin praktek gan
    http://freebiexp.blogspot.com

    BalasHapus

Jangan lakukan spam pada komentar dan bila anda ingin beriklan gratis atau hanya sekedar membuat backlink anda bisa melakukannya di beriklanbersama.blogspot.com dan hanya dengan sekali pasang maka akan terpasang di 10 website.