<div style='display:scroll; position:fixed; top:70px; right:-0px;'>

<!-- Start Ajax Popup Shoutbox by -->

<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});

//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:center;

left:0;

top:0;

z-index:9000;

background-color:#000;

display:none;

}

#boxes .window {

position:fixed;

left:0;

top:0;

width:271px;

height:480px;

display:none;

z-index:9999;

padding:20px;

}

#boxes #wanhazelshoutbox {

background:url(BACKGROUND SHOUTBOX) no-repeat 0 0 transparent;

width:271px;

height:480px;

padding:56px 0 20px 5px;

}

#closesb {

padding:2px 0 0 0;

}

#author {

padding:8px 0 0 168px;

}

</style>

<center> <a href="#wanhazelshoutbox" name="modal"><img src="ICON SHOUTBOX" border="0" /></a> </center>

<div id="boxes">

<!-- Start Shoutbox -->

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

<!-- Begin ShoutMix - http://www.shoutmix.com/ --><center>

CODE SHOUTBOX ANDA



</center>

<!-- End ShoutMix -->

<div id="author">

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

</center></center></div></div><!-- End of Ajax Shoutbox -->

<!-- Mask to cover the whole screen -->

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

<!-- End of Ajax Popup Shoutbox--></div>

3. klik save, then save lagi kat bahagian atas dan view blog..

.....

yang Merah tu, masukkan url background yang korang pilih.

pilihan background tengok SINI

yang HIJAU tu, masukkan url icon shoutbox yang korang pilih.

pilihan icon tengok SINI

yang BIRU tu, masukkan code shoutbox yang korang pilih.

pilihan shoutbox tengok SINI

yeah da siap..ehehee, selamat mencuba uols. 

nak tengok tutorial lain, klik SINI.

~wassalam~

pst : tutorial ni untuk yang tak tahu oke..pada yang tahu dan pakar..diam..diam..kredit untuk wanhazel

da buat?komen sini yaa..terima kasih.

1. http://stoberycokelat.blogspot.com/

2. http://sayasukamekap.blogspot.com/

3. http://littlelovealways.blogspot.com/

4. http://zoeyzauyah.blogspot.com/

yeah ni adalah blog yang saya suka jugak. cik zoey memang seorang jurusolek makanya haruslah beliau pakar bab-bab make up ni. saya suka sangat tutorial make up cik zoey ni. seyesly, kualiti video memang top even tak setanding luar negara kan. sebab, cik zoey betol-betol focus pada bahagian yang nak disentuh. kalau make up mata, memang camera tu betol-betol focus pada bahagian mata, memang tersangat la puass kalau dapat tengok tutorial yang jelas macam ni. marila terjah ramai-ramai hokey.

keempat-empat belog ni memang saya highly recomended pada semua yang minat bab-bab make up dan produk-produk penjagaan wajah ni ya. acely, bagus jugak sebab kita bole jadikan rujukan kalau nak beli produk untuk diri sendiri kan. ehem

maka dengan itu, silakan terjah blog-blog di atas yawww!

oke da bai,

~wassalam~