Cara Membuat Pop Up Like Box Facebook

Kali ini MaKep mau post tentang Cara Membuat Pop Up Like Box Facebook. Dikarenakan MaKep kepo bagaimana cara membuatnya dan akhirnya sekarang MaKep mengerti bagaimana cara membuatnya, tidak ada salahnya kan berbagi ilmu ? oke disimak baik baik ya.

Langkah-Langkah :

1. Silahkan masuk ke akun Blog anda
2. Lalu masuk pada bagian Layout

3. Selanjutnya klik " Add Gadget" lalu pilih " HTML/Script "

4. Copy script di bawah ini lalu pastekan di Gadget yang baru di buat tadi

<style type="text/css">
#topbar{position:absolute; padding-left:350px;padding-top:200px;background-color:transparancy;width: 300px;visibility: hidden;z-index: 100;}
</style>
<script type="text/javascript">
var persistclose=0,startX=30,startY=5,verticalpos="fromtop";function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}function get_cookie(b){var b=b+"=",c="";0<document.cookie.length&&(offset=document.cookie.indexOf(b),-1!=offset&&(offset+=b.length,end=document.cookie.indexOf(";",offset),-1==end&&(end=document.cookie.length),c=unescape(document.cookie.substring(offset,end))));return c} function closebar(){persistclose&&(document.cookie="remainclosed=1");document.getElementById("topbar").style.visibility="hidden"} function staticbar(){barheight=document.getElementById("topbar").offsetHeight;var b=-1!=navigator.appName.indexOf("Netscape")||window.opera,c=document;window.stayTopLeft=function(){if("fromtop"==verticalpos){var a=b?pageYOffset:iecompattest().scrollTop;ftlObj.y+=(a+startY-ftlObj.y)/8}else a=b?pageYOffset+innerHeight-barheight:iecompattest().scrollTop+iecompattest().clientHeight-barheight,ftlObj.y+=(a-startY-ftlObj.y)/8;ftlObj.sP(ftlObj.x,ftlObj.y);setTimeout("stayTopLeft()",10)};var a=c.getElementById("topbar"); if(!persistclose||persistclose&&""==get_cookie("remainclosed"))a.style.visibility="visible";c.layers&&(a.style=a);a.sP=function(a,b){this.style.left=a+"px";this.style.top=b+"px"};a.x=startX;"fromtop"==verticalpos?a.y=startY:(a.y=b?pageYOffset+innerHeight:iecompattest().scrollTop+iecompattest().clientHeight,a.y-=startY);ftlObj=a;stayTopLeft()} window.addEventListener?window.addEventListener("load",staticbar,!1):window.attachEvent?window.attachEvent("onload",staticbar):document.getElementById&&(window.onload=staticbar);
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<table border="1" bgcolor="#fff">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAnOnvry0J_Ep_GeWDq41hpeSnNvoTbkf_8963IehN5slEiz1fHfJfejvC6O2E9k87NJjoc19VkY4v4DiWeYaqJ0C4F8YWpP90sVwlqpsTCFNDWAAfmvlNrRvG2JpZ4te8ZdlfZWRFYFZk/s1600/close.gif" /></a></div>
<center>
<div style="background: #fff;">

(KODE LIKE BOX DISINI..!!)

</div>
</center>
</td></tr>
</table>
</div>

5. Ganti tulisan '' KODE LIKE BOX DISINI " dengan script dibawah ini

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/makinkepo&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>

6. Setelah ganti dengan script yang diatas, ganti juga tulisan yang berwarna merah dengan url fanspage anda

7. Lihat hasilnya di halaman Blog anda.

Sekian dari saya kurang lebihnya mohon maaf. Semoga bermanfaat apabila ada kesalahan silahkan tanya di kolom komentar