malam kawan2 ! ok , ramai yang tnya cmne buat shoutbox tu . senang2 i bg koding je ok ? ok x ni ? nak . haha . now i da tukar shoutbox baru , tu bg tu , heheh , ok for those guna kod ni please credit me in ur blog ? xnak pn xpe :(
1.Dashboard-design-add gadjet
2.copy n paste kod ni :P
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:fixed; position:none; top:0px; right:-0px;'>
<br />
<!-- 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:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window {
position:fixed;
left:0;
top:0;
width:0px;
height:0px;
display:none;
z-index:0;
padding:0px;
}
#boxes #wanhazelshoutbox {
background:url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsfcRXy-X2WNRic_-TRfRm_skvXGEEnrRYpRJjRxTEBBBcjOAJS_BY9NRYKQtJ1GU3BGRb6ktu_D3b7vYGU6eg8DvRbFnokHfJ5JPNuP_Y3Hfeig-FjKCDhQ6Cyiq3XlmtDugEm5BC6Rwn/s1600/Shoutbox+meow.png
) no-repeat 0 0 transparent;
width:700px;
height:460px;
padding:0px 0 0px 0px;
}
#closesb {
padding:2px 0 0 0;
}
#author {
padding:0px 0 0 100px;
}
</style>
<ul><center> <a href="#wanhazelshoutbox" name="modal"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcceWTiAQikev342LMwvM-LsYBMXoO8WOJj9nTtO15rvELvKrv3wpUlnYnrsdMq_OeonDxLbq-zNL99V7hF8Dw27afu5MwtPLYFuW28UqjrRs34zqcAwNqgbERzNoIjERt2qxtbGIyCaw/s1600/freebies-1.png
" border="0" /></a> </center> </ul><div id="boxes">
<!-- Start Shoutbox -->
<div id="wanhazelshoutbox" class="window">
<br /><br /><br />
<br /><br /><br />
<br /><br /><br />
<br /><br />
<center>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="tatawnaletakapa" src="http://www1.shoutmix.com/?tatawnaletakapa" width="300" height="250" frameborder="0" scrolling="auto">
<a href="http://www1.shoutmix.com/?tatawnaletakapa">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
<center>
<!-- End ShoutMix -->
<div id="author">
</div><div id="closesb"><input type="button" value="Close" class="close" />
</div></center></center></div><!-- End of Ajax Shoutbox -->
<!-- Mask to cover the whole screen -->
<div id="mask"></div></div>
<!-- End of Ajax Popup Shoutbox-->
</div>
3. dah ? good . hope u leave some cute comments :O
19 comments
awak .. ? doodle tu saya nak boleh tak and I promise I'll credit it .. doodle yang smile tu . tp saya tak paksa awak .. :))
ReplyDelete@cho nad , ambil sja , jgn lupa credit :P
ReplyDeleteakk,its my old shoutbox,sumpah saya punya.boleh akk remove tak.itu akk nurul fatihah yang bg .so please remove ASAP.its MINE walaupun sy tak guna
ReplyDeletecantik la dear... tapi nape han hanan tu cakap dia punyer? errr....
ReplyDelete@han . omg , i got from the other person , they gave it to me :O
ReplyDeleteakak xtahu yang adeqpunya , i'll remove it ya :P dont worry .
btw. ada perubahan pada pemilihan pemenang. di mana sy sendiri akan buat pemilihan tanpa perlu undi :)
ReplyDeletehttp://idmatextile.blogspot.com/2011/06/i-love-shawl-contest.html
@amni
ReplyDeletextao lah :( wuu , sedih , sdgkan ada org bg at i , hmm :L
This comment has been removed by the author.
ReplyDeleteAmbil kay (: thanks.
ReplyDelete@ezan , kay , tq :P
ReplyDelete@izzaty , hee :O
ReplyDelete@maizatul . welcme :P
ReplyDeletenice ^_^
ReplyDelete@syazwani , tq
ReplyDeletekak,nak copy ni mcm mane ?hehe..tak boleh pon.
ReplyDelete@atikah
ReplyDeletehighlight text tu then press ctrl c dekat keyboard :P
nak ambik.bole?
ReplyDeleteas'kum .. awk,sye ambil icon tu tau .. nnt sy creditkan.
ReplyDeletesaye ambil ye kak .
ReplyDelete