youaremysunshine

Online Users

2012-01-19T21:01:00.000-08:00

First
Korang mesti ada accout ONLINE USERS dulu

Second
Dashbord > Design > Add a gadget > HTML/Javascript.

Third
Copy code yang bawah ni dan paste kat kotak HTML/Javascript tu.

<a href="Url blog korang" style="position:fixed; top:3px; left:3px;"><span style="border:1px solid Kod warna border padding: 4px; ; background-color: Kod warna untuk background"><script src="LINK ID Online Users" type="text/javascript"></script><b><span class="Apple-style-span" style="color: Kod Warna untuk Tulisan"> Apple pie</span></b> </span></a>

Four
Merah Letakkan URL Blog korang.
Biru Colour yang korang nak.SINI
Orange Link ID Online Users korang.
Purple Colour yang korang nak untuk tulisan.SINI
Biruuuu Perkataan yang korang nak.

Link ID yang ni

Bubbles Cursor Effect

2011-12-04T06:08:00.000-08:00

Assalamualaikum korang.Kali ni aida nak buat tuto pasal Bubbles Cursor Effect!Bubbles cursor effect nai macam Sparkling cursor ok.cuma ni bubbles.

First
Dashboard > Design > Add Gadget > Html/Javascript

Second
Korang Copy code bawah ni

<noscript></noscript><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">

        // <![CDATA[

        var colours=new Array("#ff0080", "#ff0080", "#ff0080", "#ff0080", "#ff0080"); // colours for top, right, bottom and left borders and background of bubbles

        var bubbles=12; // maximum number of bubbles on screen

        /****************************

        * JavaScript Bubble Cursor *

        * (c) 2010 mf2fm web-design *

        * http://www.mf2fm.com/rv *

        * DON'T EDIT BELOW THIS BOX *

        ****************************/

        var x=ox=400;

        var y=oy=300;

        var swide=800;

        var shigh=600;

        var sleft=sdown=0;

        var bubb=new Array();

        var bubbx=new Array();

        var bubby=new Array();

        var bubbs=new Array();

        window.onload=function() { if (document.getElementById) {

        var rats, div;

        for (var i=0; i<bubbles; i++) {

        rats=createDiv("3px", "3px");

        rats.style.visibility="hidden";

        div=createDiv("auto", "auto");

        rats.appendChild(div);

        div=div.style;

        div.top="1px";

        div.left="0px";

        div.bottom="1px";

        div.right="0px";

        div.borderLeft="1px solid "+colours[3];

        div.borderRight="1px solid "+colours[1];

        div=createDiv("auto", "auto");

        rats.appendChild(div);

        div=div.style;

        div.top="0px";

        div.left="1px";

        div.right="1px";

        div.bottom="0px"

        div.borderTop="1px solid "+colours[0];

        div.borderBottom="1px solid "+colours[2];

        div=createDiv("auto", "auto");

        rats.appendChild(div);

        div=div.style;

        div.left="1px";

        div.right="1px";

        div.bottom="1px";

        div.top="1px";

        div.backgroundColor=colours[4];

        div.opacity=0.5;

        if (document.all) div.filter="alpha(opacity=50)";

        document.body.appendChild(rats);

        bubb[i]=rats.style;

        }

        set_scroll();

        set_width();

        bubble();

        }}

        function bubble() {

        var c;

        if (x!=ox || y!=oy) {

        ox=x;

        oy=y;

        for (c=0; c<bubbles; c++) if (!bubby[c]) {

        bubb[c].left=(bubbx[c]=x)+"px";

        bubb[c].top=(bubby[c]=y)+"px";

        bubb[c].width="3px";

        bubb[c].height="3px"

        bubb[c].visibility="visible";

        bubbs[c]=3;

        break;

        }

        }

        for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

        setTimeout("bubble()", 40);

        }

        function update_bubb(i) {

        if (bubby[i]) {

        bubby[i]-=bubbs[i]/2+i%2;

        bubbx[i]+=(i%5-2)/5;

        if (bubby[i]>sdown && bubbx[i]>0) {

        if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

        bubb[i].width=bubbs[i]+"px";

        bubb[i].height=bubbs[i]+"px";

        }

        bubb[i].top=bubby[i]+"px";

        bubb[i].left=bubbx[i]+"px";

        }

        else {

        bubb[i].visibility="hidden";

        bubby[i]=0;

        return;

        }

        }

        }

        document.onmousemove=mouse;

        function mouse(e) {

        set_scroll();

        y=(e)?e.pageY:event.y+sleft;

        x=(e)?e.pageX:event.x+sdown; }

        window.onresize=set_width;

        function set_width() {

        if (document.documentElement && document.documentElement.clientWidth) {

        swide=document.documentElement.clientWidth;

        shigh=document.documentElement.clientHeight;

        }

        else if (typeof(self.innerHeight)=="number") {

        swide=self.innerWidth;

        shigh=self.innerHeight;

        }

        else if (document.body.clientWidth) {

        swide=document.body.clientWidth;

        shigh=document.body.clientHeight;

        }

        else {

        swide=800;

        shigh=600;

        }

        }

        window.onscroll=set_scroll;

        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;

        }

        }

        function createDiv(height, width) {

        var div=document.createElement("div");

        div.style.position="absolute";

        div.style.height=height;

        div.style.width=width;

        div.style.overflow="hidden";

        return (div);

        }

        // ]]>

        </script>

Third
Paste kan code atas ni kat ruangan html/javascript tuh Ok :)

Yang Warna Merah tu warna yang korang nak bubbles tu.
Korang boleh tengok kat SINI

Sparkling Cursor

2011-12-03T08:26:00.000-08:00

Assalamualaikum korang!!Sekarang tuto untuk sparkling Cursor

First
Dashboard > Design > Edit html

Second
Cari code <head>

Third
Copy code bawah ni

<script type='text/javascript'></script>
<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=100;
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(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
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()*3;
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+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Four
Paste kan code ni kat code yang korang cari tadi.0k^^

Warna Merah tu warna yang korang nak sparkling tu.

Shadow Around Blog

2011-12-03T08:13:00.000-08:00

Hello,Bonjour!kali ni tuto pasal shadow around blog.Yang macam aida guna sekarang ni kat around blog aida.Nampak kan?!

First
Dashboard > Design > Edit html

Second
Cari code #content-wrapper {

Third
Copy code bawah ni

-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-moz-box-shadow: 0 0 15px 5px #FFFFFF;
-webkit-box-shadow: 0 0 15px 5px #FFFFFF;

Four
Korang paste kan code atas ni kat code yang korang cari tadi :)

Yang Warna Merah tu warna shadow apa yang korang nak ok!

Post Title versi 2

2011-12-03T06:11:00.000-08:00

Hello korang!Btw kita terus je lah tutorial buat tutorial ok!Kali ni Tuto pasal POST TITLE VERSI 2.Cam gambar kat atas ni.

First

Dashboard > Design > Edit HTML

Second

Korang cari code ni .post-title {

Third

Korang Copy code bawah ni.

margin: .75em 0;
font: normal normal 120% Verdana, Geneva, sans-serif;
text-align: center;
background-image:url(URL BACKGROUND);
border-top: 1px dotted #bfbdf2;
border-bottom: 1px dotted #bfbdf2;
border-right: 5px solid #bfbdf2;
border-left: 5px solid #bfbdf2;
padding: 2px;
}

Four

Pastekan code atas ni kat .post-title {

Five

Preview dulu.baru save!

Warna Hijau tu background sendiri yang korang nak

Warna Merah dengan Warna Biru untuk warna yang korang nak.

Post Title versi 1

2011-12-03T06:02:00.000-08:00

Hello peeps!kali ni aida nak buat tuto pasal post title, style cam gambar kat atas ni.

First
Dashboard > Design > Edit HTML

Second
Search code ni .post-title {

Third
Copy code ni bawah ni

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px dotted #00FFFF;
border-left: 7px solid #00FFFF;
border-right: 7px solid #00FFFF;
font-family: verdana;
font-size: 12px;
text-shadow: 3px 2px 2px #CCFFFF;
margin: 3px;
padding: 2px;
font-weight: none;
text-align:center;
cursor:crosshair;

Four
Korang paste code atas ni kat .post-title {.

Five
Lepastu korang preview dulu ok! jadi save terus la :)

Yang Warna Merah dengan Warna Biru tu korang tukar mengikut warna yang korang nak and yang Warna Hijau tu warna shadow text.Kalau korang tak nak buang tak pe. :)

Korang boleh tengok warna html code kat SINI

Cute Hover

2011-12-02T08:05:00.000-08:00

Hello Bounjour korang.Cuti sekolah boring gila.Tak tahu nak buat apa.Btw korang bercuti ka?
Ok.kali ni aida nak buat tutorial pasal hover.Hover tu benda yang yang kalau korang pergi dekat link.Ada image background.:)

Tekan CTRL+C kalau korang nak copy :)

First
Dashboard >Design> Edit html
Second
Tekan Ctrl+F untuk cari kod ini :

a:hover

Third
Korang copy code bawah ni,

color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;

Four
korang paste code atas ni kat a:hover tu.

Five
yang aida colour warna merah tu korang letak lah url image ok.

Ok!aida ada hover untuk korang,

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

http://dl9.glitter-graphics.net/pub/1389/1389299qkfuua3g9r.gif

http://dl5.glitter-graphics.net/pub/602/602355k2suf9v03y.gif

http://dl6.glitter-graphics.net/pub/2116/2116076lx76nmttn6.gif

Disable Right Click

2011-12-02T06:11:00.000-08:00

Hello Bonjour korang.Sekarang aida nak ajar korang tentang 'Disable Right Click'.Disable Right Click ni kalau ada COPY CAT sure tak boleh nak copy copy ni.

Tekan CTRL+C kalau korang nak copy :)

First
Dashboard > Design >Add a Page element > html/javascript

Second
Copy code bawah ni ok.

<script language=JavaScript>

</script>

Third
Yang aida warnakan merah tuh ,Korang buat dengan ayat korang sendiri lah ok :)

Tutorial

2011-12-02T05:39:00.000-08:00

Siapa yang guna tutorial aida ni.Korang Tolong lah bagi tau ok!aida tak marah,and this tutorial ada juga aida ambik dari orang lain and aida akan credit jika aida ambik yang diorang punya Tutorial .Ok :)

TEKAN CTRL+C KALAU NAK COPY

Favicon
Cute Hover
Disable Right Click
Post Title versi 1
Post Title versi 2
Sparkling Cursor
B ubbles Cursor Effect
Shadow A Round blog
Online Users

Favicon

2011-12-02T05:30:00.000-08:00

Ok.Sekarang aida nak ajar korang cara untuk untuk memasang favicon.Btw korang tahu tak apa favicon.Favicon tu benda yang ada gambar kat atas web ni.yang cam aida tu yang ada rama-rama tu.Nampak kan.

Tekan CTRL+C kalau korang nak copy :)

First
Dashboard >Design >Edit HTML >Tick expand widget template .

Second
Korang tekan CTRL+F , cari code ni

</head>

Third
Lepas korang jumpa code atas ni.Korang copy code bawah ni pulak.

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>

<link href='URL gambar' rel='icon' type='image/x-icon'/>

Four
Then,korang paste code atas ni dekat atas code </head> tu ok :)

Five
Lepas tu korang preview , kalau jadi save teru.

*yang Warna Merah tu.Korang letak URL ok ! :)

Korang boleh tengok .SINI