Freebies shoutbox mcm aku :P

June 19, 2011


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(
http://2.bp.blogspot.com/_LhHZAifMoFE/TSke9c0NxeI/AAAAAAAAD-o/-kMbXftJPoI/s1600/Shoutbox%2Bmeow.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="http://1.bp.blogspot.com/-PMQKedWUGH8/TfwSXKY7qhI/AAAAAAAAAO0/w6fmHzi_Wdc/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

  1. awak .. ? doodle tu saya nak boleh tak and I promise I'll credit it .. doodle yang smile tu . tp saya tak paksa awak .. :))

    ReplyDelete
  2. @cho nad , ambil sja , jgn lupa credit :P

    ReplyDelete
  3. akk,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

    ReplyDelete
  4. cantik la dear... tapi nape han hanan tu cakap dia punyer? errr....

    ReplyDelete
  5. @han . omg , i got from the other person , they gave it to me :O
    akak xtahu yang adeqpunya , i'll remove it ya :P dont worry .

    ReplyDelete
  6. btw. ada perubahan pada pemilihan pemenang. di mana sy sendiri akan buat pemilihan tanpa perlu undi :)

    http://idmatextile.blogspot.com/2011/06/i-love-shawl-contest.html

    ReplyDelete
  7. @amni

    xtao lah :( wuu , sedih , sdgkan ada org bg at i , hmm :L

    ReplyDelete
  8. kak,nak copy ni mcm mane ?hehe..tak boleh pon.

    ReplyDelete
  9. @atikah

    highlight text tu then press ctrl c dekat keyboard :P

    ReplyDelete
  10. as'kum .. awk,sye ambil icon tu tau .. nnt sy creditkan.

    ReplyDelete

Latest Instagrams

© Anis Nadhilah. Design by Fearne.