Promosi My Favourite Perfumes Puasa 2014

✿Baca Entry Yang Lepas✿

✿Iklan Terbaik !! Jom Terjah !!✿

Thursday, March 28, 2013

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



10 comments:

ANa Ahmad said...

nice sharing :D

iu-hazirah said...
This comment has been removed by the author.
iu-hazirah said...
This comment has been removed by the author.
iu-hazirah said...

camne nak adjust? tak jadi la

Seneorita Baharin said...

kak uzu, xjadi la..huhu..die keluar coding 2 kat blog...

Solehah Shamsuddin said...

yeayy dh jadi. dh lama cari tuto ni :)

Nurmujahidah Ismail said...

nice sangt :D

Afie Qaisarah said...

try.. ^^

Asma Sah said...

Thanks kak Uzu .Very useful .;D

Cik Fie said...

nice tuto :)