Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Tutorial Tukar Highlight Color

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..request ni dari Memey..yg ni sng jer..sbb dye nak yg mcm sye nyer hghlight 2..yg ni sye tunjuk contohnyer..

1.Dashboard>Design>Edit Html>Tick Expand Widget Template
2.Ctrl+f.Search code ni
::-moz-selection {
3.Code nye akan jdi mcm ni..contohnye
::-moz-selection {
background:transparent;
color:#2E9AFE;
}
4.Pastu search code ni plak
::selection {
5.Code nye akan jdi can ni hah
::selection {
background:transparent;
color:#2E9AFE;
}
6.Pastu preview n Save.yg sye wat 2..wrna biru punyer..

*note:background:lau nak ade color just mskkan code wrna..saye wat transparent..sbb 2 highlight hnya nmpk kat tlsan jer..
Lau korang cari xjmpe code 2..korang bleh try n error letak kat mne2..tp try letak sblum code ni
a:link {
sbb sye check ade jgak yg xder code tuk hghlght 2..jdi men letak je..haha..tp jadi jgk..hee..

p/s:nak promote blog kawan2..hehe..jgn lupe follow yer..haha..:)

Sya
Firdaus

TQ Sya sbb ade letak blog sye n promote..huhu..yg Firdaus ni plak bnyk info2 tntg agama..sme la mcm Firdaus..jgn lupe terjah blog mereka..

Tutorial Tab Menu(change on Hover)

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..ptg ni eka nak ajar buat tab menu mcm eka..biler kite halakan mouse 2 dye berubah..
1.Dashboard>Design>Add a Gadget>Html/Javascript
2.mcm biase la letak kat html/javascript tapi ltak kat bawah header 2..
kat bawah ni contoh code nyer..
<a href="LINK ANDA"target="_blank"><img src="URL IMAGE 1" onmouseover="this.src='URL IMAGE 2'" onmouseout="this.src='URL IMAGE 1'" /></a>

kalau nak letak bnyk2 just tmbah code ni ok..Link Anda 2 mskkan link korang..kat bawah ni eka da buat dah..hehe..plih la nk yg mne sa2 yer..

HOME
<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_home-1.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_home2.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_home-1.png?t=1303118318'" /></a>


ABOUT ME
<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_aboutme-4.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_aboutme-3.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_aboutme-4.png?t=1303118318'" /></a>

LINK
<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_link.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_link2.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_link.png?t=1303118318'" /></a>

ABOUT
<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_about-2.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_about-1.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_about-2.png?t=1303118318'" /></a>

TUTORIAL
<a href="LINK ANDA"target="_blank"><img src="http://i1115.photobucket.com/albums/k547/atika931/th_tutorial-4.png?t=1303118318" onmouseover="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_tutorial-3.png?t=1303118318'" onmouseout="this.src='http://i1115.photobucket.com/albums/k547/atika931/th_tutorial-4.png?t=1303118318'" /></a>
3.Dah ciap edit bleh save..lau xnak yg eka 2..korang bleh buat sndri dgn photoscape atau photoshop n masukkan jer image url 2..

p/s:Masukkan link korang sendiri k..n jgn copy tuto eka ni..lth eka buat ni..nk copy sila gtau dlu..:)

Tutorial Background Di Tgh2 Template

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..slmat mlm..hehe..bg owg yg dah tdo..huhu..tao x tjok yg eka post..snarnye eka xtao nk pggl ap mendalah ni..hehe..
tp korang mesti cuba..hhe..yg bckground eka bintik2 2..hehe..nth2 ap2 tjuknyer..hihi..Tuto ni ditnye oleh MEMEY..harap2 bleh la yer..lau sape2 gne template mcm eka ni..lau ade code ygakan eka bt tuto pasni bleh la..untuk tmplate laen..eka akan cuba cari n try dulu yer,..

1.Dashboard>Design>Edit Html>Expand Tick Widget Template
2.Ctrl+f..Search code bwah ni
#content-wrapper {

3.Dah jumpa..letak code di bawah code yg cari tadi 2..kalau ade background color:#FFFFFF..tkarkan kpada
background: url(URL GAMBAR);

Yang ni korang leh ltak gambar ap2 pon kat URL GAMBAR 2

4.Nak mcm eka??copy code ni terus..kan senang..hehe
background: url(http://i1115.photobucket.com/albums/k547/atika931/bintik-bintik.png?t=1303056849);

5.Preview dulu..lau xde ap2 error or jadi..bleh la SAVE..huhu

p/s:eka dah nantok sangat..tutorial buat tab menu mcm eka akan menyusul

Sape Nak Hamster ni???

السلام عليكم و رحمة الله و بركاته


Haa..bg makan kat hamster 2..sape nak hamster 2??..hik3..
copy jer code bawah ni..tepek la kat sidebar korang..hehe..hri 2 ader owg tnyer eka mcm mner nak ltk hamster ni..hehe..tp tdk dkenali sbb dy xtgglkan link dye..jdi mlm ni eka ajar..hehe..
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Thank You..Nyte..BTW hamster really cute..i loike..but it smelly lorhh..=P

Tutorial Reply To Comment

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..yg ni plak untuk reply to comment..tahu kan??kan3??sng la untuk blas komen..hek3..ikot step bwah ni..nnti korang tgk sndiri mcm mne jadinyer..

1.Design>Edit HTML>tick Expand Widget Templates
2.Cari code di bawah ni..Ctrl+f untuk cri code ni..
<b:include data='comment'
name='commentDeleteIcon'/>
3.Copy code di bawah ni..Di BAWAH code yang cari tadi
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=BLOG ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span>

*note:BLOG ID tgk kat url 2..ade nombor bnyk2..contoh
http://www.blogger.com/post-create.g?blogID=5731414881185405679
Amik yg ni=5731414881185405679
[Reply to comment]..bleh tkar dgn ayat korang..

4.Save..lau preview xnmpk kot..hee..lau nak tau..tgk yg eka.ade perkataan
Reply Sweeties
Thank You..Gud Luck..:)

Tutorial Divider Di Setiap Post

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..hri ni eka nak ajar buat divider di setiap post korang..nmpk x gmbr mcm kat bawah ni..korang nak x..hehe..jom buat


1.Design>Edit Html>Tick Expand Widget Template
2.Cari code di bawah ni(Ctrl+f untuk cari code 2)
.post {
3.Korang akan tgk code dy mcm ni..lbh krg la..hik3
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
border: 2px solid #FFFFFF;
padding:7px;
-moz-border-radius: 10px;
}
4.Gantikan code di bawah..
.post {
background: url(Url Divider);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}
5.Dah ciap bleh save..tp preview dulu yer

*Divider bleh cari kat SINI

Thank You

Tutorial Bubble Sparkling

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..Malam ni eka nak buat tuto bubble sparkling..tahukan anda ap ittu bubble sparkling..hik3..bler kite gerakkkan cursor ade buih2 sabun yg kuar..haha..mcm eka punyer kat cursor 2..lau xtau..korang mesti cuba n lihat sndri la..sape2 yg dah buat sparkling cursor 2..hrp delete dlu..sbb tkot xjadi plak..ok.jom kite start

1.Design>Page Element>Add A Gadget>Html/Javascript
2.Copy code di bawah ni..kat ruangan Html/javascript tdi
<script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">

// <![CDATA[

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

var bubbles=66; // 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>

*var colours=new Array("#FA58F4", "#FA58F4", "#FA58F4", "#FA58F4", "#FA58F4")
yg ni untuk color..korang bleh ubah mngikut wrna yg korang suke yer..ubah code color jer yer
*var bubbles=66;
yg ni jmlah belon yg korang nak..hehe

3.Dah ciap edit mengedit 2 bleh la save

p/s:korang bleh tgk blog korang dipenuhi dgn sabun..=P

Tutorial Centerkan Header

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..petang ni nak ajar centerkan header korang..Seseorang ade tnyer eka mcm mner nak centerkan header ni..dripada ZULAIKHA..harap2 tuto ni dapat membantu..

1.Design>Edit Html>Tick Expand Widget Template
2.Search code di bawah ni
/* Content
3.Pastu Paste code bawah ni..Di ATAS code yang cari tadi
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
*Tapi eka punyer xder /* Content..jadi korang pandai2 la edit yer..cari yg dkat ade pkataan header 2..haha..apa2 pon preview dlu k..

4..Dah ciap Save.hee

Selamat mencuba

Tutorial Ajax Float Shoutbox

السلام عليكم و رحمة الله و بركاته

Assalamualaikum..tuto ni eka nak buat sebab ade owg tnyer..kih3..mcm mne nak buat shoutbox kat tepi..ditanya oleh SAYTZEFF

1.Design>Page Element>Add A Gadget>Html/Javascript
2.Copy code di bawah dalam ruangan html/javascript tadi
<!-- 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(URL BACKGROUND) 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="URL 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>
</center></center></div></div><!-- End of Ajax Shoutbox -->
<!-- Mask to cover the whole screen -->
<div id="mask"></div></div>
<!-- End of Ajax Popup Shoutbox-->


*URL BACKGROUND..tuk background shoutbox korang..xnak ltak pon xper
*URL ICON BACKGROUND..tuk icon shoutbox korang
*CODE SHOUTMIX..tuk code shoutmix korang la..

Selamat mencuba..

Tutorial Link Kepada Gambar

السلام عليكم و رحمة الله و بركاته

atas 2 contoh eka..hee..sample g2..yang ni NELLY yg tnyer..swry la..mllm ni bz sngt jadi buat ringkas2 jer..xmao cakp bnyk..

ok..first..log in blog korang
1.Design>Page Element>Add A Gadget>HTML/Javascript
2.Copy code bawah ni..paste kat html/javascript 2..
<a style="display:scroll;position:fixed;bottom:35px;left:18px;" href="LINK URL" title="Klik Please"><img src="URL IMAGE" /></a>

*Position bleh diubah
*Link url blog korang/ataupun link yg korang nak letak
*url image..gambar yang korang nak letak..
*Klik Please..bleh diubah ikot ayat korang..

3.Dah ciap bleh la save..hehe..sng jer..xjdi gtau eka

Gud Luck

Font Eka guna

السلام عليكم و رحمة الله و بركاته

Salam semua..hari ni eka nak share cikit font eka guna.font ni biase2 jer..n cute..heeeka suke pkai font ni...eka gne font udamojial..cheri..

Sape yang nak pkai font ni..bleh download la..yang ni untuk UDAMOJIAL..
yang ni plak CHERI..Korang bleh pkai font ni untuk wat header..atau pon di sidebar title 2..hee..lpas download 2..korang install font 2..tapi font ni asenyer untuk window 7 jer..xtau la.haha..korang cuba dulu ok..

Mao chau dlu


Tutorial Wishlist

السلام عليكم و رحمة الله و بركاته

Salam..petang ni eka nak buat tutorial wishlist..tau x ap itu wishilist..tengok gambar kat bawah ni..
Contoh sahaja

1.Design>Page Element>Add A gadget>HTML/JAVASCRIPT
2.Copy code bawah ni..Kat Html/javascript
<form name=myform>
<input type="checkbox" name="mybox" value="satu" checked />satu<br />
<input type="checkbox" name="mybox" value="dua " checked />dua <br />
<input type="checkbox" name="mybox" value="tiga" checked />tiga<br />
<input type="checkbox" name="mybox" value="empat" disabled />empat<br />
</form>


P/s: 1,2,3,4..tukar dengan ayat korang
checked and disabled tukar mengikut kesukaan korang laa..

Tutorial Icon Tepi Tajuk Post

السلام عليكم و رحمة الله و بركاته

Salam..eka xnak cakap banyak..sebenarnye eka dah ngantuk..just ikot step bawah ni..Eka buat tuto ni request dari PIEKA..eka rase yang ni dah kot..hee..

1.Design-Edit HTML-Tick Expand Widget Template
2.tekan CTRL+F cari code bawah ni
<a expr:href='data:post.url'><data:post.title/></a>
3.Pastu korang gantikan code yang cari tadi dengan code bawah ni
<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>

*Korang gantikan URL GAMBAR dengan gambar yang korang suka..nak gambar yang comel2..pegi SINI

4.Preview..n Save.

Tutorial Snow Effect Pada Blog (version II)

السلام عليكم و رحمة الله و بركاته

Salam..pagi nieka buat 2 tuto..sebelum snow effect version 1..sape2 nak buat..tekan SINI..Yang ni plak version II..tp eka ase yang ni cantik ag..hehe..tapi korang plih la yang mane satu korang suke ok..

1.Design>Page Element>Add A gadget>HTML/JAVASCRIPT
2.Copy code bawah ni..Kat Html/javascript
<script>

//Here you can add your own picture for snow. Just change the url
var snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"
//how many snowflakes there will be (currently 12)
var no =40;
//How fast will the snow disappear (0 is never)
var hidesnowtime = 0;
//The height the snow will reach before it disappears ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////////////////////////End of Settings///////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (ns6up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i)
{
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ie4up||ns6up)
{
if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
}
else
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6()
{
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i)
{
yp[i] += sty[i];
if (yp[i] > doc_height-50)
{
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow()
{
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up)
{
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>

Yang ni color putih punyer..code dy http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png..lau korang nak warna salji laen edit code tadi 2..tukar dgn code salji warna laen yang korang nak..

Hitam
http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png
Pink
http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png
Biru
http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png

3.Dah ciap Save..pas2 tengok sendiri macam mane hasilnya

Tutorial Snow Effect Pada Blog (version I)

السلام عليكم و رحمة الله و بركاته

Salam semua..pagi2 ni eka nak ajar buat tuto snow effect kat blog..sape nak salji berteraburan di blog..ikut step bawah ni yer..

1.macam biase la.Design>Page Element>Add A gadget>HTML/JAVASCRIPT
2.Copy code bawah ni..Kat Html/javascript

Yang ni salji warna putih..untuk background hitam..background warna laen pon xpe
<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>
Yang ni salji warna hitam..untuk background putih..background warna laen pon xpe
<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>


3.Dah ciap bleh save..

p/s: Rupa-rupanya blog korang dah sejuk..
2011-2018 Copyright© All Rights Reserved Designed by : nur atikah