Tutorial : Letak Button Like Fan Page Kat Header


1. Dashboard --> Layout --> Add a Gadget--> Html

2. Copypaste code kat bawah dan masukkan ke Html tadi



<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<div style='padding-left:0px; position: absolute; z-index: 300; margin-left:150px;margin-top: 120px; background:#;'title='shoutbox'>

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FKisahEmasPutihBlog90&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=249145351791572" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:92px; height:20px;" allowtransparency="true"></iframe>


</div>
 Tukarkan :
Merah ke link fan page

Adjust margin left and margin top
Tukarkan 150px dan 120px kepada yang korang nak. Kena try and error benda ni banyak kali.
Kalau nak ke ke kiri/kanan maybe kurangkan angka atau tambahkan angka kat margin left
dan kalau nak naikkan/ turunkan, kena naikkan/kurangkan angka kat margin top

p/s : Kalau dah siap paste and edit, susun layout Html tadi berdekatan dengan header


9 comments