P/S:Blog ini akan di update bila ada masa terluang sahaja.Jaga akhlak masing2 dalam blog ni.

Chingu(s)

♥ The past ♥

Tutorial 3 in 1

<blink>CTRL+C TO COPY , CTRL+V TO PASTE</blink>

Tak jawab dosa , 
Sebenanrnye , ada byk lagi lahh tuto request.Yg akan dtg :
"cane awak wat tulisan F ngan T tu..cane wat favicon tu..cane awk wat klu pegi header tu ade love jatoh 2 ker..."
 Kawan ana yang mintak sume tuuhh . Banyak en ==' ?

Ok,tuto yg prtama:Click icon , kluar followers.
 First:Dasboard>Design>Edit Layout>Add a gadget>HTML JavaScript.
Copy code kat bawahh nii :

<div align="right"><a href="javascript:void(0);" onclick="showHideAT()">CLOSE</a></div>
<br />

<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;F
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:10px; left:5px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/><img src="URL ICON" alt="TAJUK" title="TAJUK" /></a>
</div>
 Kalau takde pape masalah , Save !

Tuto yg kedua:Ajax float shoutbox .

First:Dasboard>Design>Edit Layout>Add a gadget>HTML JavaScript.

Copy code kat bawahh ni :

   <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(BODY/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>

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

    <div id="boxes">

    <!-- Start Shoutbox -->

    <div id="wanhazelshoutbox" class="window">
    <!-- Begin ShoutMix - http://www.shoutmix.com/ --><center>




    CODE SHOUTMIX




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

    <div id="author">

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

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

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

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

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

 Tuto yg ketiga:Marquee text .

Marquee tuh pkataan yg bergerak2 tuh.


 First:Dasboard>Design>Edit Layout>Add a gadget>HTML JavaScript.

Copy code kat bawahh nii :

  <marquee>BEBELAN KAMU.</marquee>
Yang wrna merah tu tukar kan dengan ayat yang korang nak.

P/S:Backround ajax float shoutbox boleh cari kat SINI !  Kalau ada salah tulis tu sorry.
 Penat wat tuto nihh =.="
Assalamualaikum.


Thank because reading this post.

0 Chingu(s):

 
©copyright A I N A all rights reserved.