Selamat pagi sobat Mazinu?
Kali ini Mazinu akan memberikan Tutorial Membuat Like Box Facebook Melayang di Blogger. Tapi sebelumnya Kalian harus mempunyai Fans Page dulu, KLIK Disini untuk membuat Fans Page. Jika sudah punya silahkan Lanjutkan membaca tutorial ini. Keuntungannya membuat Like Box FB melayang adalah kita bisa menghemat tempat dan juga bisa langsung terlihat oleh pengunjung Blog. Berikut Tutorialnya :
1. Masuk/Log In ke Bloggar
2. Pilih Tata Letak -> Tambah Gedget -> HTML/Java Scirpt
3. Copy dan Paste-kan Kode di bawah ini dan masukkan kedalam Gedget yang Sobat buat
<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/AVvXsEg5_lc3AilwLXBrA36crmD5djQ8RJULZs_qJ4qwWEBxW9kTCNPv_n0EtvGMRy03L8MRbuMStaWVmIJDxXmaUaJdMmv1Hp9Q31VN_nZnJ07R_Zwsfsg3YtIYwmZMk94m6yhU6oPi1GphMiw/s1600/close-1.gif" /></a></div>
<center>
<div style="background: #fff;">
Letakkan kode Like Box Facebook Sobat disini!
</div></center></td></tr></table></div>
Tapi sebelumnya kalian harus mengikuti langkah-langkah dari facebook seperti ini :
- Masukkan Script no 1 di : Template -> Edit HTML -> Kemudian letakkan script no 1 setelah tag pembuka <body> kalau tidak ketemu cari yang ini </body>
- Setelah itu baru kalian masukkan Script no 2 sesuai petunjuk diatas.
Sekian Tutorial Cara Membuat Like Box Facebook Melayang di Blogger dari Mazinu semoga bermanfaat!
Tidak ada komentar:
Posting Komentar