Tutorial : Letak Button Subsribe Facebook 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:350px;margin-top: 118px; background:#;'title='shoutbox'>


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

</div>
 Tukarkan :
Merah ke link fan page

Adjust margin left and margin top
Tukarkan 350px dan 118px 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

6 Sila Komen:

Normi Nieza said...

thanks for sharing...

ANa Ahmad said...

nice sharing :)

aLia aLi said...

tengs ,, jadi :D

Afie Qaisarah said...

nak try la..

sa mic said...

blog aiii takde header, susah , hehe

Cik Fie said...

nice :)