follow
Tutorial : facebook like button

Assalamualaikum.Sihat? Kalau sihat syukur alhamdulillah.Jom belajar cara nak buat facebook like button.

P/s - tekan ctrl+c untuk copy.

1. Dashboard => Design => Edit HTML => Jangan lupa TICK kotak Expand  Widgets Template .
2. tekan CTRL+F and search for this code :

data:post.body

 3. Dah Jumpa? kalau jumpa , then copy code kat bawah ni ,
     and paste dekat BAWAH code kat atas ni ok .

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

4. preview dulu jadi ke tak . kalau jadi, then save . Nnti jadi lah.

0 love(s)

Tutorial : Icon comel di sebelah post

Assalamualaikum.Ni, Aisha nk ajar cam ner nk letak cute icon sebelah title post. :)
Jom belajar.

P/s - tekan ctrl+c untuk copy.

1. macam biasa Dashboard-Design-Edit HTML-Tick Expand Widget Template .
2. lepas tu , tekan CTRL+F cari code ni .

<a expr:href='data:post.url'><data:post.title/></a>
3. bila awak  dah jumpa , copy code ni , <img src="LinkGambar"/> dan paste di antara code kat atas ni . contoh tengok kat bawah ni .

 <a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>


*Warna merah tuh , awak semua boleh gantikan dengan awak punya icon url yang comel 

    6. Preview dulu
    7. Save template! :)

Ni contoh-contoh gambar url.Ambiklah.Saya dapat gambar ni pon dekat Kakak Lyssa

 http://dl6.glitter-graphics.net/pub/584/584776qvkek99ty3.gif


 http://dl.glitter-graphics.net/pub/493/493161yf8lagbcd9.gif

 http://dl8.glitter-graphics.net/pub/438/438938tn0n4974xy.gif

 http://dl7.glitter-graphics.net/pub/429/429777zo2912lr15.gif

  http://dl10.glitter-graphics.net/pub/536/536400r07nejsqb3.gif

0 love(s)

Tutorial : Home page

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



   http://i122.photobucket.com/albums/o280/techwar88/home.gif


 http://i269.photobucket.com/albums/jj47/anjieya/home-icon.jpg

 http://i1029.photobucket.com/albums/y356/PachirisuFan1/Icons/Home_icon.gif



 http://i604.photobucket.com/albums/tt126/heporz/Icon/home-64x64.png



 http://i257.photobucket.com/albums/hh229/rhythmskateshop/Home_64x64.png



 http://i177.photobucket.com/albums/w205/hns911/frindster.gif

0 love(s)

Tutorial : Icon cute untuk cursor

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

0 love(s)

Tutorial : sparkling cursor

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

0 love(s)

Tutorial : Salji turun

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! :) 

0 love(s)

Tutorial : Disable rigth click

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

//edit by unwanted


var message="Masukan meseg anda di sini.";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>


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

0 love(s)

Older Post
About Post Credits Tutorial