Minggu, 29 Januari 2012

Cara Membuat Kotak Like Facebook Melayang


By on 06.16

Cara Membuat Kotak Like Facebook Melayang - Kotak Like Facebook Yang umumnya kita temukan biasanya diletakan di Bagian Sidebar Atau Di Bagian Footer, Nah kali ini saya akan berbagi Tips Blog yaitu Cara Membuat Kotak Like Facebook Melayang 



Jika kamu menggunakan Cara ini kan cukup lumayan bisa menghemat tempat, ok langsung aja cara membuat nya.
  • Login Ke Blog Kamu.
  • Pilih Rancangan lalu Pilih Add Gadget.
  • Pilih HTML Java Script.
  • Lalu Copy Kode di Bawah 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="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlazer-Blog%2F193419544081467&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=138085536301890" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</div>
</center>
</div>

Kode yang berwarna merah adalah contoh kode Kotak Like Facebook yang saya pakai sekarang ganti Kode Yang berwarna Merah dengan Kode Kotak Like Facebook kamu.
Jika Sobat Mendapatkan masalah harap Tinggalkan Pesan Di Kotak Komentar.

SELAMAT MENCOBA

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

43 komentar:

  1. cara ambil kode kotak like facebook darimana ya??

    BalasHapus
  2. @Annas mukhlisuddin : Sobat udah tahu belum cara membuat Kotak Like Facebook nya, biasanya kode nya ada dalam Cara Membuat Kotak Like Facebook, cari aja di Google.

    BalasHapus
  3. kalo pengin melayang di sidebar bagian kanan gimana??
    visit back

    BalasHapus
  4. @Dlerist :apanya sob yang melayang, Kotak Like Facebook nya, atau apa, mohon perjelas ya Sob.Insyaallah saya jawab.

    BalasHapus
  5. gagal bos... dah 2 kali coba

    BalasHapus
  6. @sigit hermawan: Ga Kok saya udah coba sendiri Kode nya coba Ulangi lagi, dan perhatikan baik-baik kode nya, dan jangan Lupa Ganti kode yang berwarna merah dengan Kode Kotak Like Facebook Kamu.

    BalasHapus
  7. muantap brooooooo..kunjung blik ya,,n tukran link,,,thxs,,

    BalasHapus
  8. @Abdul : Ga kok gan Script nya berhasil kok, mungkin ada kesalahan dalam kode Kotak Like Facebook sobat nya, untuk membuktikan coba dulu pake Script yang berwarna merah jangan dulu di hapus, setelah terbukti berhasil baru ganti dengan Script kode Kotak Like Facebook Sobat, tetap tidak percaya silahkan lihat http://demoblazerblog.blogspot.com/

    BalasHapus
  9. thx gan,,jgan lupa mapir juga ya Rizkiirwanto.co.cc

    BalasHapus
  10. cara menetahui kode like facebook nya gi mana

    komputer-co.blogspot.com

    BalasHapus
  11. mantap juga nih infonya....
    tp klo ditaruhnya seperti ini jadi ngehalangin para pembaca donk.....

    BalasHapus
  12. terima kasih ya... salam kenal : www.pembuatandesign.web.id

    BalasHapus
  13. @Obat herbal : kan ada tombol close nya jadi bisa di close.
    @All : Thaks atas kunjungan nya

    BalasHapus
  14. Keren gan. sukses selalu.

    Salam dari SR11. :)

    BalasHapus
  15. @ All : Thaks atas dukungan nya sob.

    BalasHapus
  16. Ganti kode yang berwarna merah nya dengan Kode Facebook Fan Page anda, atau anda bisa baca yang versi dua nya http://blazerracing.blogspot.com/2012/04/cara-membuat-facebook-fan-page-melayang.html

    BalasHapus
  17. muantap mas bro.tp blum tau cari kotak like facebooknya.hehehe

    BalasHapus
  18. Ganti kode yang berwarna merah dengan Kode Facebook Fan Page anda jika tetap gagal coba baca ini http://blazerracing.blogspot.com/2012/04/kotak-like-facebook-melayang-dengan.html

    BalasHapus
  19. thanks infonya,,,,di tunggu komentarnya di blog saya juga..!!!

    BalasHapus
  20. cara buat kotak like facebooknya melayang di tengah gimana??

    BalasHapus
  21. Kalau untuk Poating yang ini saya ga tahu, tapi jika ingin lebih bagus kotak facebook melayang nya sobat boleh baca ini
    http://blazerracing.blogspot.com/2012/04/kotak-like-facebook-melayang-dengan.html

    BalasHapus
  22. Terimakasih atas infonya. Sudah saya coba, dan berhasil. Kunjung balik ya..

    http://yustinannisacom.blogspot.com

    BalasHapus
  23. O,iya ijin copy kodenya ya gan.

    BalasHapus
  24. baguss niihhh
    kunjungi balik yaa

    BalasHapus
  25. Terimakasih banyak atas pujian nya.

    BalasHapus
  26. trus cara nyari kotak likenya gimana

    BalasHapus
  27. Lihat bagian kode yang berwarna merah kayak gini http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlazer-Blog%2F193419544081467, sobat ganti kode yang dicetak tebal dengan username facebook anda

    BalasHapus
  28. Tenkyu om, karena baru ngblog saya harus banyak belajar.
    salam

    BalasHapus
  29. thanks u sob

    jangan lupa maen ke blog ku yah?

    http://wawasan-multimedia.blogspot.com/

    BalasHapus
  30. cara ini bikin pengunjung merasa terganggu sob

    BalasHapus
  31. ok gan Like Facebook Melayang sudah sya pasang dan berhasil, tnks ya gan atas info dan ilmunya

    BalasHapus
  32. Thanks gan Atas Infonya,,,
    mampir juga ke blog saya ya...

    BalasHapus