Toturial: Cara nak letak button Instagram kat Header

Assalammualaikum wbt,

Hai guys. Hari ni Eiqa rasa cam nak buat toturial plak.Hehe. By the way sebenarnya benda ni Eiqa try and error. So bila banyak kali cuba, cuba dan cuba and then ianya akhirnya menjadi. Yeah! *rasa seronok jap..

Ok. Camne nak buat button follow instagram macam Eiqa punye. So they are a few step korang kena ikut.

1. Klik instafollowbutton

2. Tekan button sign in dan masukkan korang punya instagram

3. Korang customizekan ikut cita rasa sama ada nak besar or kecil ke button tu kan.

4. Dashbord - Layout - Header - Add a Gadget - HTML/Jayascript

5. Korang copy and paste kod kat bawah ni.

<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: 320px;margin-top: 90px; background:#;'title='shoutbox'>

<span class="ig-follow" data-id="5c41d260d3" data-handle="izatulatiqah" data-count="true" data-size="medium" data-username="true"></span></div>

6. Layout - Footer - Add a Gadget - HTML/Jayascript - Copy

<script>(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src="//x.instagramfollowbutton.com/follow.js";s.parentNode.insertBefore(g,s);}(document,"script"));</script></body>

7. Save and Preview.

** Warna ungu boleh tukar left or right.

** Warna biru tu korang boleh tukar margin. Korang nak letak atas ke bawah ke. Ikut cita rasa.

** Warna merah korang copy HTML yang ada kat instafollowbutton tu.

p/s: Kalau ada papa masalah korang boleh bagitahu kat Eiqa.

Sincerely,

Cik Eiqa :)

---

♥SUKE? JOM TEKAN LIKE!!♥

---