Forever Young

Tutorial : tukar home/older post/newer post ke icon comel.

Thursday 15 March 2012 ? 0 Atashinchi ?

Assalamualaikum.Sihat? Kalau sihat syukur alhamdulillah.Jom belajar cara nak buat home/older post/newer post ke icon comel.

1. Log in > Dashboard > Design > Edit Html

2. Kemudian tick pada Expand Widget Templates .

3. Then , tekan Ctrl + F and cari perkataan :

<data:newerPageTitle/>

4. Tukarkan kod diatas ni dengan kod ni :

<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

* Warna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu Lyssa kasi contoh je ^^

5. Then , Tekan Ctrl + F lagi sekali dan cari perkataan :

<data:olderPageTitle/>

6. Gantikan kod di atas dengan :

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

* Warna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu Lyssa kasi contoh je ^^

7. Last sekali , untuk buttom home pulak , korang cari :

expr:href='data:blog.homepageUrl'><data:homeMsg/>

8. Gantikan kod yang berwarna merah tu dengan kod di bawah :

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png
'/>

Warna merah tu , korang boleh tukar kan dengan korang punya URL Gambar ok :) Itu Lyssa kasi contoh je ^^

9. If sudah siap , korang try preview dulu taw. kot2 lah tak jadi ke , susah pulak kang .! HAHA!
If dah belek and menjadi , terus je SAVE :)

SELAMAT MENCUBA !!!

Thanks for reading :)

Tutorial : Snowball effect.

Wednesday 14 March 2012 ? 0 Atashinchi ?

Assalamualaikum.Macam biasa saya nak ajar waklah.

P/s - Tekan ctrl+c untuk copy.tekan serentak.

1. Log in > Dashboard > Design > Add Gadget > Html/Javascript

2. Copy kod di bawah ni : (Sorry , panjangg sangat!)

<script>

//Here you can add your own picture for snow. Just change the url
var snowsrc="(Code snowball awak.Ambil di bawah)"
//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>

3. Paste di ruangan Html/Javascript tu yer ..

4. Korang boleh pilih color snow ball nama yang cantik menarikk kaw mmg da boom!!

**Korang gantikan dengan kod yang berwarna merah di atas :)

Warna Hitam

http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png

Warna Biru

http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png

Warna Pink

http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png

5. Dah siap , SAVE :) Tengok lah hasilnya .

Thanks for reading :)

Tutorial : Disable rigth click

? 0 Atashinchi ?

Assalamualaikum.Ni aisha nk ajar macam mana nk buat disable rigth click.

1. Dashboard >Design>Add a Page element >html/javascript
2. Copy code kat bawah nie :

<script language=JavaScript>

</script>

* Yang warna merah tu kasik mesege awak. Contoh mesege - Kalau nak copy tekan ctrl+c serentak.

Thanks for reading :)

Tutorial : Salji turun

? 0 Atashinchi ?

Assalamualaikum.Aisha nk ajar cam ner nk wat majic.

P/s - tekan ctrl+c untuk copy

1. Dashboard > Design > Add Gadget > Html/Java Script

2. Copy salah satu kod berikut kemudian paste dalam ruangan html/javascript

Kod untuk salji putih (sesuai untuk background hitam)

<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>

Kod untuk salji hitam (sesuai untuk background putih)

<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>

3. Save dan lihat hasilknya yea! :)

Thanks for reading :)

Tutorial : sparkling cursor

? 0 Atashinchi ?

Assalamualaikum.Mari aisha ajar awak macam mana nak buat sparkling cursor.

First , macam biasa lah .

1. Dashboard > Design > Add Gadget > Html

2. Then , korunk copy kod kat bawah niyh , and paste kan at gadget tuh k? :)

<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>

3. *Yang warna MERAH tuh , korunk boleh tukarkan dgn warna yg korunk suka oke ?

Saya dulu pilih warna pink pilih kaler hitam ^_^

Ni contoh colour code ^_^

1. #6BBBDE - warna biru

2. #FF5F87 - warna pink

3. #FFFF00 - warna kuning

4. #DA5FF9 - warna purple

5. #FF0000 - warna merah

6. #32C53C - warna hijau

Kalo tak nak tukar pon tak pe ;)

Oke. Save. Siap :D

Thanks for reading :)

Tutorial : Icon cute untuk cursor

? 0 Atashinchi ?

Assalamualaikum.Ni untuk NEW BLOGGERS.Senang je tutorial ni.Comel pulak tu.

1. Korunk g cari code cursor yang korunk suka ;) nak thu cari kt mana ?Click CURSOR .

*Peringatan ! Yang "Animated" hanya untuk Internet Explorer ok :)

2. Korunk copy URL Code Cursor tuh ! ;)
*Then , korunk PASTE Url tuh ,kat dalam kod at bawah yang Lyssa tunjukkan ini ;)

<style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style>

<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

*Warna Merah , korunk letak URL BLog korunk k .?
*Warna Biru , korunk letak Url Blog korunk ;)

3. Then , Deashboard > Design > Add Gadget > Html/JavaScript

4. Paste Code tadi kat situ ok ?

5. Save. Selesai ^_^

Di sini , Lyssa ada contoh Cursor Comel :) (Kalau nak , ambik je, "Jgn Malu-Malu" .hehe)

http://cur.cursors-4u.net/smilies/smi-2/smi164.cur

http://cur.cursors-4u.net/food/foo-4/foo348.cur

http://cur.cursors-4u.net/user/use-1/use67.cur

http://cur.cursors-4u.net/others/oth-4/oth305.cur

http://cur.cursors-4u.net/cursors/cur-3/cur278.cur

http://cur.cursors-4u.net/cursors/cur-2/cur168.cur

http://cur.cursors-4u.net/cursors/cur-2/cur227.cur

http://cur.cursors-4u.net/cursors/cur-1/cur94.cur

http://cur.cursors-4u.net/cursors/cur-1/cur11.cur

Thanks for reading :)

Tutorial : Home page

Tuesday 13 March 2012 ? 0 Atashinchi ?

Asalamualaikum.Aisha Nak ajar awak semua untuk buat home page.

1. Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and awak copy paste kod kat bawah ni k.

<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; bottom:10px; left:-12px;'>

<a class='linkopacity' href='LINK BLOG KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="URL HOME ICON" /></a><br />

*p/s : Awak bleh jgk , kalo nak ubah

width="50" height="50" ikot ke sesesuaian blog awak k.

kalau awak nak letak kat bahagian atas awak tukar kod yang berwarna purple tu k

bottom:10px; left:-12px;'>

Bottom tuka ke top
Left tka ke right

Dekat sini , Aisha ada copy dari blog Lyssa.Please visit her blog because her blog is so awsome.lyssa blog ;).Awak boleh ambik dari image ni