Photobucket Photobucket Photobucket Photobucket
Alloha :D You've trapped in my planet:P. Don't ever forget to tag and visit Ain's blog @www.mizzainzulkifle.blogspot.com . so much love, AIN . .

Tutorial Hide Shoutbox

Haa, pe bezanya hide shoutbox and ajax shoutbox ??
Bezanya , hide shoutbox tiade background macam ajax shoutbox..
bila korang tekan , akan terus keluar sbijik shoutbox korang tu :)


1. Dashboard > Design > Add Gadget > Edit HTML


2. Copy code ad paste :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL PIC YANG KORUNK SUKA') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>


3. Yang merah : ubah size ikut kesesuaian blog korg 
              hijau    : letak url gambar tuhh.


4.  Save bila da jadi.


ANY QUESTION ?? :D

Tutorial Ajax Shoutbox

Ape tu ajax shoutbox ? haa.. ajax shoutbox ni yg macam ain punya tu..
menarik kan ?? hehe :D


Jum Jum kita mula.


1. Dashboard > Design > AddGadget >Edit HTML / javascript


2. Then , copy and paste code ini :

<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( background shoutbox korang) 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=" icon shoutbox atau gambar pape jer yg korang suke" 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=" TUTUP" 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>



3. Yang merah tu : Kod shoutmix or cbox..daftar la dulu k..guna cbox senang !
    Yang biru tu     : tulis lah CLOSE ke BYE ke, ape apela :)
    Yang hijau tu    : bubuh url gambar


4. Yang utk shoutbox / cbox tu korang kena adjust pndai2 width and height dia..


5. OK. save bile da ok.


Ain faham memang susah tuto ni.. so, ade x faham tanya je taw :D


CREDIT TO : WANHAZEL
***sory cacat ckit page ni..hehe :))

Tutorial Letak Lagu dalam Blog (fullmusik)

Hiburkan pengunjung blog korang dgn letakkan lagu ...
JOM !

1. Klik  SINI  ...

2. Then, u all choose category.. Nak Malay, English, Korean, Nasyid, Dangdut or Indon.. hehe..

3. Pilih lagu pulak.. tekan nama lagu tu.. COPY CODE dia..

4. Dashboard> Design > Add Gadget > Edit HTML then paste code tu kat situ. SAVE !!

Yayyy ! Siap da.. Simple bukan :)

Tutorial Falling Yellow Cute Star

1. Dashboard > Design > Add Gadget > Edit HTML ...


2. Copy n Paste code bawah ni .

<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=31 height=693 style='position:absolute; left:22%; top:167px; width:32; height:693px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=16 height=643 style='position:absolute; left:21%; top:68px; width:32; height:643px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=18 height=540 style='position:absolute; left:91%; top:93px; width:32; height:540px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=33 height=670 style='position:absolute; left:76%; top:78px; width:32; height:670px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=26 height=655 style='position:absolute; left:15%; top:76px; width:32; height:655px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=33 height=609 style='position:absolute; left:52%; top:32px; width:32; height:609px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=41 height=674 style='position:absolute; left:77%; top:180px; width:32; height:674px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=27 height=511 style='position:absolute; left:39%; top:60px; width:32; height:511px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=44 height=651 style='position:absolute; left:79%; top:117px; width:32; height:651px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=8 height=608 style='position:absolute; left:45%; top:94px; width:32; height:608px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=24 height=583 style='position:absolute; left:31%; top:188px; width:32; height:583px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=19 height=660 style='position:absolute; left:55%; top:59px; width:32; height:660px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=30 height=532 style='position:absolute; left:20%; top:153px; width:32; height:532px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=34 height=655 style='position:absolute; left:94%; top:154px; width:32; height:655px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=31 height=691 style='position:absolute; left:33%; top:36px; width:32; height:691px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=26 height=619 style='position:absolute; left:24%; top:29px; width:32; height:619px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=46 height=661 style='position:absolute; left:15%; top:91px; width:32; height:661px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=1 scrolldelay=31 height=631 style='position:absolute; left:83%; top:63px; width:32; height:631px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=18 height=686 style='position:absolute; left:37%; top:86px; width:32; height:686px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=42 height=503 style='position:absolute; left:20%; top:197px; width:32; height:503px;'><img src=http://dl8.glitter-graphics.net/pub/129/129108sk05ppmaqg.gif border=0></marquee>

3. Preview n save lahh .. Msti jadi kan ?? :D

Tutorial Falling Dancing Bear

1. Dashboard > Design > Add Gadget > Edit HTML....


2. Copy and Paste code ni :
<marquee behavior=scroll direction=down scrollamount=1 scrolldelay=18 height=647 style='position:absolute; left:65%; top:116px; width:43; height:647px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=19 height=682 style='position:absolute; left:74%; top:146px; width:43; height:682px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=7 height=582 style='position:absolute; left:79%; top:118px; width:43; height:582px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=31 height=572 style='position:absolute; left:51%; top:22px; width:43; height:572px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=48 height=540 style='position:absolute; left:6%; top:15px; width:43; height:540px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=46 height=604 style='position:absolute; left:21%; top:196px; width:43; height:604px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=15 height=509 style='position:absolute; left:75%; top:147px; width:43; height:509px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=41 height=622 style='position:absolute; left:89%; top:16px; width:43; height:622px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=8 height=665 style='position:absolute; left:14%; top:151px; width:43; height:665px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=19 height=622 style='position:absolute; left:67%; top:140px; width:43; height:622px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=4 scrolldelay=37 height=564 style='position:absolute; left:41%; top:152px; width:43; height:564px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=35 height=623 style='position:absolute; left:15%; top:196px; width:43; height:623px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=34 height=555 style='position:absolute; left:85%; top:154px; width:43; height:555px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=49 height=556 style='position:absolute; left:36%; top:78px; width:43; height:556px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=23 height=679 style='position:absolute; left:81%; top:166px; width:43; height:679px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=36 height=612 style='position:absolute; left:90%; top:143px; width:43; height:612px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=4 scrolldelay=35 height=575 style='position:absolute; left:31%; top:143px; width:43; height:575px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=26 height=652 style='position:absolute; left:34%; top:134px; width:43; height:652px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=29 height=516 style='position:absolute; left:8%; top:57px; width:43; height:516px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=8 height=522 style='position:absolute; left:20%; top:130px; width:43; height:522px;'><img src=http://dl4.glitter-graphics.net/pub/61/61584sbsihf59x5.gif border=0></marquee>


3. Preview than save. Hope jadi la ye , hehe !!

Tutorial Falling Neon Butterfly

1. Dashboard > Design > Add Gadget > Edit HTML / JavaScript


2. Copy and paste code ni :
<marquee behavior=scroll direction=down scrollamount=1 scrolldelay=37 height=622 style='position:absolute; left:11%; top:119px; width:20; height:622px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=14 height=686 style='position:absolute; left:41%; top:45px; width:20; height:686px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=4 scrolldelay=13 height=542 style='position:absolute; left:30%; top:199px; width:20; height:542px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=4 scrolldelay=29 height=546 style='position:absolute; left:24%; top:62px; width:20; height:546px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=26 height=602 style='position:absolute; left:30%; top:50px; width:20; height:602px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=30 height=670 style='position:absolute; left:11%; top:75px; width:20; height:670px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=46 height=677 style='position:absolute; left:65%; top:65px; width:20; height:677px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=3 scrolldelay=36 height=568 style='position:absolute; left:88%; top:135px; width:20; height:568px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=17 height=584 style='position:absolute; left:27%; top:7px; width:20; height:584px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=32 height=532 style='position:absolute; left:50%; top:27px; width:20; height:532px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=3 scrolldelay=11 height=598 style='position:absolute; left:55%; top:111px; width:20; height:598px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=25 height=547 style='position:absolute; left:59%; top:136px; width:20; height:547px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=3 scrolldelay=12 height=535 style='position:absolute; left:40%; top:66px; width:20; height:535px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=34 height=564 style='position:absolute; left:35%; top:58px; width:20; height:564px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=29 height=566 style='position:absolute; left:51%; top:162px; width:20; height:566px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=12 height=557 style='position:absolute; left:50%; top:71px; width:20; height:557px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=38 height=617 style='position:absolute; left:47%; top:131px; width:20; height:617px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=3 scrolldelay=43 height=668 style='position:absolute; left:41%; top:152px; width:20; height:668px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=14 height=601 style='position:absolute; left:85%; top:30px; width:20; height:601px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=42 height=578 style='position:absolute; left:15%; top:116px; width:20; height:578px;'><img src=http://dl9.glitter-graphics.net/pub/71/71189gsj9zvs4ge.gif border=0></marquee> 
3. Preview than save la kalau ok.. :))

Tutorial Falling Love ( SOFT PINK )

Ini request dari Aqila Syahiena.
Nnti korang tengok ade love jatuh dalam blog, lawa taw...love tu cute2 aje.. :))


1. Dashboard > Design > Add Gadget > Edit HTML/ Javascript


2. Copy and Paste code ni :

<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=50 height=514 style='position:absolute; left:14%; top:87px; width:17; height:514px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=18 height=580 style='position:absolute; left:71%; top:81px; width:17; height:580px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=4 scrolldelay=9 height=523 style='position:absolute; left:74%; top:23px; width:17; height:523px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=3 scrolldelay=49 height=544 style='position:absolute; left:55%; top:85px; width:17; height:544px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=4 scrolldelay=19 height=548 style='position:absolute; left:39%; top:157px; width:17; height:548px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=4 scrolldelay=27 height=518 style='position:absolute; left:29%; top:134px; width:17; height:518px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=47 height=634 style='position:absolute; left:50%; top:134px; width:17; height:634px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=3 scrolldelay=47 height=694 style='position:absolute; left:24%; top:33px; width:17; height:694px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=22 height=542 style='position:absolute; left:12%; top:163px; width:17; height:542px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=26 height=651 style='position:absolute; left:21%; top:93px; width:17; height:651px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=5 scrolldelay=42 height=604 style='position:absolute; left:44%; top:4px; width:17; height:604px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=24 height=683 style='position:absolute; left:29%; top:147px; width:17; height:683px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=27 height=568 style='position:absolute; left:52%; top:9px; width:17; height:568px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=47 height=553 style='position:absolute; left:89%; top:45px; width:17; height:553px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=43 height=641 style='position:absolute; left:22%; top:55px; width:17; height:641px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=2 scrolldelay=7 height=686 style='position:absolute; left:27%; top:131px; width:17; height:686px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=19 height=692 style='position:absolute; left:19%; top:55px; width:17; height:692px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=45 height=516 style='position:absolute; left:72%; top:81px; width:17; height:516px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=6 scrolldelay=8 height=641 style='position:absolute; left:35%; top:179px; width:17; height:641px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee><marquee behavior=scroll direction=down scrollamount=4 scrolldelay=22 height=568 style='position:absolute; left:87%; top:162px; width:17; height:568px;'><img src=http://dl3.glitter-graphics.net/pub/12/12603tbcu2fkuwr.gif border=0></marquee>

3. Preview dulu then save ! Jadi tak ?? :DD

Tutorial Letak Iklan Churp Churp Dalam Blog

Helo, jom stat terus :)


1. Dashboard > Design > Add Gadget > Edit HTML / JavaScript


2. Copy and paste code ni kat situ.

<center><fieldset><legend><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDOwg1F-vS04FPU6jLgPAbnX7pkOMO_eoU3Sz6Yi5W6w_sIEwNs8fFHA0zCeBmGUJJNZhuSaT9WxoJjkPodKwgiNXBWizfkUygdToe8hOlirC5yRacXnNrJzSVIaYNLzZQyOkV-J4bOIE/s1600/Untitled-2.png"/></legend>

<a class='linkopacity' href="LINK IKLAN CHURP CHURP"target="_blank"><img src="LINK GAMBAR IKLAN CHURP CHURP" width="80" height="80" /></a>

<center></fieldset></center>


3. Yang merah tu letak LINK IKLAN . Contoh :


 4. Yang hijau letak URL GAMBAR IKLAN. Contoh :


5. Tu je, senang kan ?? hehe :D

Tutorial Join Churp Churp

helo, korang ape khabar ?
jom join churp churp !!
Ape tu ? churp churp ni akan bantu korg utk dapat income kalau korang aktif bloging ye :)
Bukan senang dapat income tpi kena rajin ckit..

1.  First, jom sign up dulu.

2. Then, isi semua maklumat yg dia minta.

3.  Then, pergi Rewards > Social Sharing > Share lah kat mana2 pon, kat fb ke, twitter ke, blog ke..

4.   Tu je..senang kan..korang kena la rajin promote..income masuk bila org yg korang invite sign up atau dorang click kat iklan korang !

SIMPLE! Daftar sekarang ye :)) Any questions, tanya je..

Cute Background For Blog

Hello bloggers !
Korang nak x background yang cute and cntik untuk lovely blog korg ??
Jomlaaa..join ain..hehe :D 


Ain suka background kat my cute graphics.. :D



1. Tekan Backgrounds.


2. Pilih category dulu .. Contoh : Black..


3. Choose la mana2 background yang korang suka.. Tekan gambar tu.


4. Banyak code keluar kan. Copy Direct URL to the background image.


5. Sekarang, Dashboard > Design > Edit HTML 


6. Cari lah code ni sampai dapat taw.


body {
background:transparent;
Background-image:url( Direct URL to the background image




);


7. Paste code kat Direct URL to the background image tu.. hehe :D

Tutorial Snow Fall di Blog

Tuto ni sesuai utk org yg background blog dia berwarna gelap atau selain dari putih.
Try la dulu. Kalau x nak nnti delete la. hehe :D

1. dashboard > design > add gadget > html / javascript.

2. Copy and paste code ni taw.
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" /><!-- now, we'll customize the snowStorm object --><script type="text/javascript">snowStorm.snowColor = '#99ccff'; // blue-ish snow!?snowStorm.flakesMaxActive = 96; // show more snow on screen at oncesnowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view</script>
3. Preview dulu. Dah puas hati so save la. SO SIMPLE ! :D

Tutorial Button Back To top

Simple steps je !


Jom start :


1. Dashboard > design > add gadget > HTML / Javascript


2. Copy paste code ni .


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL Gambar Anda" /></a>


3. Tukar URL gambar korang taw.. Then test dulu.. Cuba tekan button tu then page korang akan bergerak kembali ke ats. thanks :))


Any probs, just ask !

Basic For Bloggers !

heyy, yang ni amat penting dalam dunia blogging ok. Korang kena tahu and hafal semua ni taw :
Selamat yee !


Ctrl + C          = Untuk copy, slalunya untuk copy code sebab ade stetengah orang buat disable right click.


Ctrl + V          = Untuk paste


Ctrl  + F          = Untuk Search 


Simple sangat kan ? hehe :D
Any soalan ? tanya je k.

Tutorial Header Hover, Hilang

Yoo, wassup ? hehe. acehh. mood rap sekarang. hehe :D
ain rase hari ni nak share dgn korang care nak buat HEADER HOVER !
Pe pula ni ? haa, maksudnye effect untuk header korang.
hari ni nak ajar buat header tu hilang bila disentuh cursor . JOM!


1. Dashboard > Design > Edit HTML > tick Expand Widget Templates


2. Cari salah satu code di bawah. jangan lupa tekan Ctrl+F taw !



h1.title {


#header {


/* Header



3. Da jumpa ? ok.. copy code ini pula. 


.Header:hover {
padding-left:160px;
-webkit-transition: 1s;
-webkit-transform: rotate(6deg);
opacity:.01;
}


4. Then paste :



 Bawah code :       h1.title {


ATAU


Atas code      :      #header {


ATAU


Lepas tanda /* :      /* Header


5. Yang warna hijau bole tukar right. Yang merah tu korang choose berapa lama u all nak header tu hilang. Yang ats tu satu saat je ok.


6. Then save and lihat hasilnya. Thanks !












Timbang Berat Blog

Wahh, blog pon perlu ditimbang beratnye taw.
Kalau terlalu berat akan menyebabkan blog anda lambat loading.
Menyebabkan pengunjung rimas tunggu lelama. Haha :D
Blog yang baik adalah seberat 100KB atau less. Make sure blog korang slim aje taw, hehe :)


Nak check kan --> TEKAN SINI 


So, macam ne ? Blog ain walaupun sarat hanya 53.95 KB je taw. Ringan kan ?
walaupun sarat pelbagai.hehe. 

Tips ain nak bg slim blog korang :

1. Jangan guna banyak widget sgt .
2. Satu page satu post ok :D






Tutorial Letak Facebook Share Button

hai, cuba korg tengok belah kanan korang nampak tak share button.
haa, korang nak jugak ea ? ok. jom mula !


1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.


2. Then, Ctrl+F dan search ini code :


<div class='post-header-line-1'/> 


3. Kalau TAK jumpa, cari code ni pulak :


<div class='post-header-line-1'> 


4. Kemudian, copy and paste code bawah ni di bawah code pada no 2 atau no 3 tadi.



<div style="float:right;padding:4px;"><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/></div>



5. Preview than save ! Selamat suda . . :D

Tutorial Sparkling Love Cursor

hallo semua ! Apa khabar ye ?
hehe :D
Mesti korang smua sibuk fikir macam mne nak cntikkan blog korang kan ?
Senang je ! Jom guna cursor ni :D


SIMPLE + EASY steps :


1. Dashboard > Design > Add Gadget > HTML / JavaScript
2. Copy code and paste.


<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=40;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(5, 5);
var rdow=createDiv(5, 5);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*5;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>


3.Yang code orange tu tukar je ikut suke korang. Tekan SINI.


4. Save and Finish !!

Tutorial Scroll Bar di Tepi Blog Archive

Hye. Tuto hari ni just nak buat scroll bar kat blog archive. Haritu da buat kat blog kan ? hehe.
Blog Archive ni actually senarai older post korang.




Yang purple tu lah scroll bar taw.
Jom mula !


1.Dashboard > Design > Edit HTML > Tick Expand Widget Templates


2. Ctrl+F utk search and paste code ni :


<div id='ArchiveList'>


3. Tengok atas code ni. U all akan nampak code ni bukan ?


<div class='widget-content'>


4. Sekarang, kod <div class='widget-content'> gantikan dengan code baru :


<div class='widget-content' style='overflow:auto; height:200px'>

5.  Height : 200 px boleh ditukar ikut blog masing2 .

6. Preview. Bila da ok terus save taw !

Berjaya kan ? hehe :D
Anyway, siape nak request tuto kat ain bila-bila pun boleh. InsyaAllah dibalas !