Cara Membuat like Box Fan Page Facebook Melayang Dengan Tombol Close A Z K A V E I R O: Cara Membuat like Box Fan Page Facebook Melayang Dengan Tombol Close
18

Cara Membuat like Box Fan Page Facebook Melayang Dengan Tombol Close

Share on :

Jika sobat ingin membuatnya,
Berikut ini caranya:

1. login blog
2. rancangan
3. Add gadget "html/javascript"

4. Copas kode berikut
<style type="text/css">
#topbar{
position:absolute;
padding-top:120px;
padding-left:330px;
background-color: transparancy;
width: 292px;
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: center;">
<a href="" onclick="closebar(); return false"><img src="http://4.bp.blogspot.com/-lqpmer7bBSM/Tx68NPqVHlI/AAAAAAAAA0U/Ro4dZrrVIqI/s1600/Close+Button.gif" /></a></div>
<center>
<div style="background: #000;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fazkaveiro&amp;width=260&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:290px;" allowtransparency="true"></iframe>
</div>
</center>
</div>

Kode warna merah adalah kode like fan page facebook.
Ganti dengan kode sobat atau dapat di ganti dengan widget yang lain.
Untuk mendapatkan kode itu bisa di akses di http://developers.facebook.com/docs/reference/plugins/like-box

PPC Iklan Blogger Indonesia

Ditulis Oleh : Azka Latif Noor ~ Tips dan Trik Blogspot

Azka Latif Noor Sobat sedang membaca artikel tentang Cara Membuat like Box Fan Page Facebook Melayang Dengan Tombol Close. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

18 komentar:

edi sukarman mengatakan...
Reply

ok mas brew , thankzzz
Komennya banyak kode captanya , bikin orang malas komenn

Azkaveiro mengatakan...
Reply

@edi sukarmanoke mas bro. untuk ngurangin spam si sebenarnya. ok nanti saya ganti. terima kasih sarannya

edi sukarman mengatakan...
Reply

iya mas brew ,,

copasday mengatakan...
Reply

sip gan ijin praktek

Azkaveiro mengatakan...
Reply

@copasday oke gan . semoga bermanfaat ya

Studio foto mengatakan...
Reply

Ternyata cara ini berhasil menambah penyuka Blogku, thank ya

Azka Aveiro mengatakan...
Reply

@Studio foto oke sob. samasama. bisa juga coba yang tanpa tombol close di http://azka-veiro.blogspot.com/2012/07/memasang-iklan-melayang-tanpa-tombol.html

New free ping + auto backlink mengatakan...
Reply

post and your article is very interesting, thanks for your information, I am waiting for your next posts and articles and will visit again ...

black and white mengatakan...
Reply

tenkyu mas bro

goyang patah patah mengatakan...
Reply

boleh juga dicoba juga nich, thanks sobat

Mister Complete mengatakan...
Reply

makasih banget gan tutorialnya sukses. salam blogger

Dapur Tutorial Blog dan Seo mengatakan...
Reply

ini dia yang dicari-cari akhirnya ketemu juga disini. makasih banget gan sudah share tutorialnya. sangat membantu dan bermanfaat.

Tarmizi Abdul Gani mengatakan...
Reply

thanks info'a gan
link here to

http://pendidikan-dan-teknologi.blogspot.com/

Rusdi Halim mengatakan...
Reply

ndk valid gan

VINKY BLOG mengatakan...
Reply

nice trik gan ..

Firman Ardyansyah mengatakan...
Reply

Terimakasih infonya :)

Aslam Muhammad mengatakan...
Reply

kok Halaman tidak Ditemukan? :/
mohon bantuannya.

CPNS 2013 mengatakan...
Reply

thank infonya gan, klo agar bisa dalm 1 pop up, tombol FB fan Page like, tombol G+, Google follower dan twitter follower gimana gan?

Posting Komentar

BLOG INI DOFOLLOW .
Silahkan tinggalkan komentar dan kritik sobat, tapi mohon jangan SPAM ya..!
Komentar SPAM akan di HAPUS oleh admin.
Komentar yang membangun sangat dibutuhkan oleh blog ini.
Terima Kasih.

Back to Top