Cara Letak Butang Likes Dan Follow Di Header

Assalamualaikum dan salam sejahtera semua..

[+] Klik untuk dapatkan tampilan yang lebih jelas.

Hihihi, dah lama rasanya tak buat tutorial blog.. Jadi, dengan masa yang ada nie, sempatlah agaknya untuk aku ajar tutorial nie dekat korang ya..!

Orait, tutorial hari ini aku nak ajar korang macam mana nak letak butang LIKES dan FOLLOW dekat header blog korang.. Macam kat blog aku nie.. Ataupun korang boleh tengok jer screenshot kat bawah nie..

[+] Klik untuk dapatkan tampilan yang lebih jelas.

Dah nampak kann? Sebelum kita mula, tekan SINI dulu... Kalau dah tekan, baru boleh mula.. Hehe..

1. Mula-mula, login dulu akaun Blogger korang.

2. Kemudian, pergi ke Layout.

3. Dan korang tekan add a gadget di atas Header korang tuh. (KLIK SINI untuk tengok cara tambah ruang ' Add a gadget ' di atas header)

[+] Klik untuk dapatkan tampilan yang lebih jelas.


4. Bila dah klik add a gadget, korang pilih cari/scroll ke bawah dan pilih HTML/JavaScript.

[+] Klik untuk dapatkan tampilan yang lebih jelas.

5. Then, korang akan dapat macam gambar kat bawah nie:

[+] Klik untuk dapatkan tampilan yang lebih jelas.

Di ruangan kotak Title tuh, korang kosongkan jer dan dibahagian ruangan Content tuh plak, korang isi dengan kod kat bawah nie:


<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:326px;margin-top: 48px; background:#;'title='Apa tunggu lagi? Moh ler like lah pages Pengembara Awan!'>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FUSERNAMEPAGES&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>

<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:450px;margin-top: 48px; background:#;'title='Jom follow Admin!'>
<iframe src="//www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2FUSERNAMEFACEBOOK&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:102px; height:20px;" allowtransparency="true"></iframe>
</div>

  • UNGU = Jarak atau kedudukan butang likes pages dan butang follow Facebook dari kiri. Korang boleh ubah ikut berapa yang korang suka dengan ubah jer nilai tuh.
  • JINGGA = Jarak atau kedudukan butang likes pages dan butang follow Facebook dari atas. Yang ini jugak pandai-pandai korang lah ubah ye.
  • USERNAMEPAGES = Username pages, Contoh: https://www.facebook.com/PengembaraAwan.Gov.My (Ambik ' PengembaraAwan.Gov.My ')
  • USERNAMEFACEBOOK = Username profile Facebook, Contoh: https://www.facebook.com/lanunhitam.gov.my (Ambik ' lanunhitam.gov.my ')


Lastly, korang tekan butang Save yang kat bawah tuh.

Bila dah Save, bermaknanya korang dah selesai pown. Cer cuba tengok dekat header korang tuh, ada tak butang likes dan follow tuh? Kalau ada, baguslah erk.. Aku harap korang faham dengan tutorial nie dan bermanfaat untuk korang. Sekian, Assalamualaikum..


0 orang pengomen yang tercomel ! :

Post a Comment

Cancel Reply

Welcome to my paradise. I hope you all supported my blog and enjoy with my posted!

Followers

Ping Widget

Page Rank
DMCA.com
Kartikel Ping

Alexa Widget