Tutorial

Haha,aku saja je. .sebab nak promote kat kawan kawan aku ceh.. [macam biasa tukarkan panggilan bla bla bla]


Salam. . Kerja sekolah complete.. buku latihan dua muka ditanda.

Tutorial ajax shoutbox

Credit : www.lurvemyblog.blogspot.com   -Siti Safiyyah



Ada diantara kawan kawan saya yang berminat iaitu Irdina. . . .,dan Safiah. . . :D.Jadi saya buatlah post ni ni[panjangnya]




 shoutbox tu apa?[macam mengajar budak tahun 1 je]



ni. . . .

dalam bulatan tu,nampak?Bagus. .








Ok mulakan. . :D

Just copy kode ni paste dalam html . . .. Tahukan nak cari html javascript?TAhukan?[panik]

Ok ok. . .

Firstly,click design ,click add a gadget. . . .dekat ruangan basic cari html java script. .





dapat?good.Tak dapat click the red box with the X.Ambik kau.[mmm]

Ok then.Paste/copy code ni.Mesti di bahagian content ,ulang 100 kali,di bahagian content.


Copy code ni.Panjangkan. . lerrr. . Highlightkan jerr semua code tu .Dah heret ke html javascript tak sampai 10 minit.{mulala aku membebel haish]


Ok ni code dia..



<!-- Start Ajax Popup Shoutbox by Siti Safiyyah -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>
$(document).ready(function() {
//select all the a tag with name equal to modal

$('a[name=modal]').click(function(e) {

//Cancel the link behavior

e.preventDefault();

//Get the A tag

var id = $(this).attr('href');

//Get the screen height and width

var maskHeight = $(document).height();

var maskWidth = $(window).width();

//Set heigth and width to mask to fill up the whole screen

$('#mask').css({'width':maskWidth,'height':maskHeight});

//transition effect

$('#mask').fadeIn(1000);

$('#mask').fadeTo("slow",0.8);

//Get the window height and width

var winH = $(window).height();

var winW = $(window).width();

//Set the popup window to center

$(id).css('top', winH/2-$(id).height()/2);

$(id).css('left', winW/2-$(id).width()/2);

//transition effect

$(id).fadeIn(2000);

});

//if close button is clicked

$('.window .close').click(function (e) {

//Cancel the link behavior

e.preventDefault();

$('#mask').hide();

$('.window').hide();

});

//if mask is clicked

$('#mask').click(function () {

$(this).hide();

$('.window').hide();

});

});
</script>

<style>
img { border: none; }
#mask {

position:absolute;

left:0;

top:0;

z-index:9000;

background-color:#000;

display:none;

}

#boxes .window {

position:fixed;

left:0;

top:0;

width:440px;

height:200px;

display:none;

z-index:9999;

padding:20px;

}
#boxes #sitishoutbox {

background:url(http://3.bp.blogspot.com/_5jbp4DbrUeY/TDBnkKVoOlI/AAAAAAAAASM/jp2iNB5XEZc/s1600/pink.PNG) no-repeat 0 0 transparent;

width:272px;

height:460px;

padding:56px 0 20px 5px;

}
#closesb {

padding:2px 0 0 0;

}
#author {

padding:8px 0 0 168px;

}
</style>

<ul><center> <a href="#sitishoutbox" name="modal"><img src="http://i1039.photobucket.com/albums/a472/mijie88/Fail%20Blogspot/shoutboxtab.png" border="0" width="158" height="58" /></a> </center> </ul>

<div id="boxes">

<!-- Start Shoutbox -->

<div id="sitishoutbox" class="window">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
MASUKKAN KOD SHOUTBOX ANDA
<!-- End ShoutMix -->

<div id="author"><a target="blank" href="http://lurvemyblog.blogspot.com/2010/12/tutorial-membuat-shoutbox-versi-ajax.html"/><img src="http://img.photobucket.com/albums/v486/mafiatrg/linky.png" /></a>

</div><div id="closesb"><input type="button" value="Close" class="close" />

</div></div><!-- End of Ajax Shoutbox -->
<!-- Mask to cover the whole screen -->

<div id="mask"></div></div>

<!-- End of Ajax Popup Shoutbox by Siti Safiyyah -->




Wait belum habis lagi. . Tahulah bersemangat sangat nak buat. . .


1.Preview balik kod html tu. . . Cari perkataan MASUKKAN KOD SHOUTBOX  ANDA.Dapat?
Tukarkan dengan kod shoutbox anda. .


Tak tahu kod shoutbox tu apa?NI saya bagi gambar.



Klik untuk besarkan  kalau tak jelas


Tulah kod shoutbox.


2.Pastikan height shoutbox 380 dan width shoutbox 261.Adjust kat shoutmix.










Klik untuk besarkan.

sebelum tu kena log in dulu. . . Cbox pun boleh buat benda yang sama. .. :D


Ahhh. . .siap pun !Nak minum jus oren bersama sama?[penulis sendiri dah terliur tapi jus   oren tiada dalam pandangan ,sadisnya.)


Kalau tak faham tanya saya atau kak Siti Safiyyah ye...:D.Don't be shy. . :D


Kak Siti :   http://lurvemyblog.blogspot.com


Selamat mencuba!


Sebelum buat baca BISMILLAH!

Maaf ayat aku sedikit tunggang langgang sebab ada seorang perempuan yang sungguh baik hati menegur. .
wakaka.




haish.  .(profile Mumtazah jadi mangsa la hahah]



Rileks Fieqa ,jangan marah.