Tutorial | Cara Letak Shoutbox Di Bahagian Header

Korang ada tengok shoutbox Abe Mirul yang baru di bahagian header. Abe rasa ni benda yang menarik perlu dikongsikan kat korang.

Kadang-kadang kedudukan shoutbox ataupun chatbox ataupun ruangan komen berkotak ini juga memainkan peranan dan haruslah diserasikan dengan blog agar blog nampak kemas dan teratur. Ok. Jom baca lagi.

Tutorial - Cara Letak Shoutbox di Bahagian Header

Sebelum itu, korang kena tambah add gadget kat bahagian header. Boleh ke sini untuk tuturial Cara tambah add gadget atas header

1. Korang pergi ke dashboard --> Cari Layout > Klik Add A Gadget-- > Cari Html/JavaScript

2.  Dah? Selepas itu, salin kod  dibawah,

<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:600px;margin-top: 30px; background:#;'title='shoutbox'>
Letak Kod Shoutbox Disini
</div>

3. Paste di bahagian Html/JavaScript tadi.

4. Lepas tu, tekan save.

4. Gantikan kat bahagian yang bertulis " Letak Kod Shoutbox Disini" dengan kod shoutbox korang .

Ni pula cara nak ubah kedudukan shoutbox korang.

1. Semakin kecil nombor kat margin-left:600px , semakin ke kiri lah shoutbox korang.

2. Semakin besar nombor kat margin-top: 30px , semakin ke bawah shoutbox korang. Kalau korang nak shoutbox korang semakin ke atas. Korang ke letak tanda negatif (-) dihadapan nombor itu. Contoh. margin-top: -30px

Akhirnya, siap! Nanti, pandai pandailah korang adjust dengan kedudukan shoutbox tu. Tak faham? Sila tanya kat ruangan komen ataupun di fanpage Abe.