A H's Boyfriend
BlackWhite?



[Welcome]

hy3 , alang2 dh masuk tuh follow lha skali ya :D
Do follow and do comment my entry ya.
No Haters and Copycats here


Round-Round



Story About Links Goodies


Triangle-Triangle


Skin Made by Muhd Amirul
Background Founder by Qay
Best view in Google Chrome only
Cursor by Drikoti & Muhd Amirul
AJAX FLOAT SHOUTBOX
Saturday, September 3, 2011 | 6:06 AM | 0 BlackWhite
ask0m~haa k0runk..cmna.rya.best,.ari aq na bwd tut0rial tentang AJAX FLOAT SHOUTBOX..hah..ap 2.na taw..cmba k0runk tng0k shoutbox aq..cba k0runk tkn..dy akn kluar sh0utbox at tngh an..haa..~2 lha AJAX FLOAT SHOUTBOX..da phm..hmm..j0m kta bwd.


Bagi pengguna Layout/design

Login to blogger >> Click Dashboard >> Click Layout/design >>add widget HTML
PAstikan widget nie korang letak paling bawah or paling atas k.klik save nanti tengok yang mane paling cepat load..Law atas lambat load korang letak bawah k..



Pastikan width='261' dan height='380' untuk Shoutmix korang contoh kat bawah nie..


<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="261" height="380"src="http://www2.cbox.ws/box/?boxid=1932907&boxtag=4108&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="261" height="380"src="http://www2.cbox.ws/box/?boxid=1932907&boxtag=4108&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --></u><br>





kod untuk AJAX float pop up k..
Copy kod and paste kat notepad dulu k..lepas tu edit and lepas tu baru copy and paste kat BLOG





<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:scroll; position:fixed; top:0px; right:-0px;'>
<br>
<a class='linkopacity' href='http://wanhazel.blogspot.com/2010/07/tutorial-ajax-float-lebih-cepat-nak.html' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Get Shoutbox AJAX float'><img border="0" src="http://i1009.photobucket.com/albums/af215/wanhazel252909/iconlink.gif" /></a><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:440px;

height:200px;

display:none;

z-index:9999;

padding:20px;

}

#boxes #wanhazelshoutbox {

background:url(URL untuk k0runk pnya background
) no-repeat 0 0 transparent;

width:425px;

height:460px;

padding:56px 0 20px 5px;

}

#closesb {

padding:2px 0 0 0;

}

#author {

padding:8px 0 0 168px;

}

</style>

<ul><center> <a href="#wanhazelshoutbox" name="modal"><img src="URL untuk icon shoutbox/shoutmix k0runk" border="0" /></a> </center> </ul>

<div id="boxes">

<!-- Start Shoutbox -->

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

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




KOD SHOUTMIX/CBOX KORANG




</center>
<!-- End ShoutMix -->

<div id="author"></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-->

</div>









*******PERHATIAN*********


yang warna MERAH untuk backgr0und dy..law x nk letak..pdm jea yg wrna mrh tu..
yang warna UNGU tu untuk icon shoutbox..ny wajib..
yang warna BIRU tu k0d SHOUTBOX/CBOX k0runk..


k..itu jea..save dlu..pastu lihat hasilnya..law x jd..pndai lah k0runk edit blek..k..tata


Older Post | Newer Post