Sunday, January 22, 2012

Tutorial: Status Atas Header


Hari ni aku nak share dengan korang cara nak letak status kat atas header . Sorry aku tak letak example sebab aku buat navigation bar atas tu , so dia bertindih dengan kotak status tu . Kalau nak follow step kat bawah ni .

1 Dashboard > Design > Edit HTML > Tick Expand Widget Template

2 Cari kod ni :
</head>
3 Sekarang copy code dan pastekan di bawah code </head> 
<div style=" position:absolute; top:0px; left:10px; width:200px;"><center style="text-align: right;">MOOD HERE</center><div style="Background-image:url(URL BACKGROUND); repeat; padding: 5px; border:1px solid #DCDCDC; filter:alpha(opacity=1.5); border-radius:5px;"><center><marquee>YOUR STATUS</marquee></center></div><div style=" position:absolute; top:50px; left:20px;"></div></div>
4  Preview dahulu . Kalau dah menjadi baru tekan save

Nota Kaki :
emoticon30 ABC : tajuk atas status tersebut
emoticon30 ABC : ni background dalam kotak status korang
emoticon30 ABC : boleh tukar kaler yang korang suka . Picit SINI
emoticon30 ABC : yg ni pula words korang , contoh "Hello"

Thursday, January 19, 2012

Ketahui Jantina Laptop Anda


Hari ni aku nak kongsi dengan korang semua bagaimana nak tahu jantina laptop masing-masing . Aku dah try dah . Laptop aku jantan , hahaha lawak gila . Nak tahu ikut step kat bawah ni .

 Buka notepad masing-masing .

 Kemudian , copy code yang ada kat bawah ni dan pastekan dalam notepad tuh .
CreateObject("SAPI.SpVoice").Speak"I love YOU"
 Savekan notepad tersebut kepada file name ; love u.vbs . Eh wait-wait belum habis lagi . Ada nampak tak Save As ? Tukarkan text document kepada all files .

 Close notepad korang bila dah selesai . Pergi balik tempat notepad korang save then tekan click . Korang akan dengar perkataan "iloveyou" .

Kalau suara tu garau-garau , jantan la tu . Comel-comel pulak betina , huahuahua .

p/s boleh tukar perkataan "iloveyou" kepada perkataan yg korang suka . Dia sebut juga :)

Credit ; Syamira 

Tutorial: Wishlist


Hari ni aku akan share macam mana nak buat wishlist  :face38: .Sorry aku takde example nak bagi . Laptop aku buat masalah . So here it is  bawah

1 Dashboard > Layout > Add Gadget > Choose HTML/Java Script

2 Copy code di bawah
<form name=myform>
<input type="checkbox" name="mybox" value="satuchecked />satu<br />
<input type="checkbox" name="mybox" value="duachecked />dua<br />
<input type="checkbox" name="mybox" value="tigachecked />tiga<br />
<input type="checkbox" name="mybox" value="empatdisabled/>empat <br />
</form>
3 Pastekan dalam kotak gadget tersebut

4 Tulisan merah tulis apa yang korang nak , tulisan biru pula sama ada checked atau disabled okay

5 Save !

Apalagi dah guna tu comment la :r:

Wednesday, January 18, 2012

Tutorial: Hilangkan Underline Bawah Link


Morning readers okey3 . Aku nak share kat korang macam mana nak hilangkan garisan kat bawah link . Kalau korang post link mesti ada perasan garisan bawah tu kan  tulis . Nampak serabut je tengok . First time aku buat tak menjadi , last-last aku campur adukkan guna code aku sendiri . Aku guna template ethereal . Maybe code korang berbeza dengan aku . Let's start it !  good

1 Dashboard > Design > Edit HTML > Tick Expand Widget Template

2 Sekarang pula , cari code ni :
a:link { // a:visited { // a:hover {
3 Fyi code di atas berbeza . Search code tersebut satu-satu . Then , copy code di bawah and pastekan di bawah code yang aku bold kat atas tu
text-decoration:none;
4 Preview dahulu kemudian save !

Bagi post title :

1 Dashboard > Design > Edit HTML > Tick Expand Widget Template

2 Cari code ni
h3.post-title a {
3 Perasan tak bawah tu ada code text-decoration: underline; tukarkan underline kepada none

4 Preview dan save template

Monday, January 16, 2012

Tutorial: Cari Blog ID


Morning readers . Eh , macam mana nak cari blog ID ? Tuto pleasee . Selalunya new bloggie tak pandai cari blog ID mereka . So sekarang ni aku nak bagi tuto nak cari blog ID tersebut . Step dia simple je , korang boleh ikut . Okay let's start it !

1. Dashboard > Go to post/template/settings/layout (Pilih mana yang korang nak)

2. Then , cuba korang tengok kat url web kat atas tu . Dia ada tulis 'blogID' dan ada nombor right ? Kalau tak faham refer gambar bawah ni .

Klik untuk tumbesaran

Easy right ? BlogID ni hanya untuk butang Follow sahaja . 

Tutorial: Cursor di Blog


1. Dashboard > Layout > Add Gadget > Choose HTML/Java Script

2. Copy this code :
<style type="text/css"> body, a, a:hover { cursor:url(URL CURSOR), auto }</style>
3. Pastekan dalam kotak gadget tersebut .

4. Savekan !

FREEBIES :

http://cur.cursors-4u.net/others/oth-8/oth709.cur
http://cur.cursors-4u.net/food/foo-5/foo424.cur
http://cur.cursors-4u.net/holidays/hol-4/hol322.cur

Tutorial: New Style Sidebar and Post Title


Tuto kali ni pula pasal sidebar and post title juga , tapi version yang lain .
Tak payah nak pening kepala fikir mana satu . Memang
banyak style pun sekarang ni . Nah kalau taktau
view gambar bawah ni rupa cemana .


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

2. Search kod dibawah
Post title : h3.post-title, h4 { Sidebar : h2 {
3. Copy kod dan pastekan kat bawah kod diatas
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;
}
4. Save template !

Credit ; Kihah 

Tutorial: Background Post Title

Baru hari ni aku dapat online . Gara-gara adik aku punya pasal
lappy pun kena ambil . Okay tuto kali ni post title dan sidebar yang 
ada background . Follow this step .

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

2. Cari kod bawah ni :
h3.post-title, h4 { and h2 {
3. Copy code then pastekan dibawah h3.post-title, h4 { and h2 {


Tajuk Post Center
border:0px dashed #cc99cc;
text-align: center;
margin:.5em 0 .5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.2em;
background:url(URL BACKGROUND);
color:$titlecolor;
}
 
Tajuk Post di Kanan
border:0px dashed #cc99cc;
text-align: right;
margin:.5em 0 .5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.2em;
background:url(URL BACKGROUND);
color:$titlecolor;
}
 
Tajuk Post di Kiri 
border:0px dashed #cc99cc;
text-align: left;
margin:.5em 0 .5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.2em;
background:url(URL BACKGROUND);
color:$titlecolor;
}
 
Nota Kaki :
ABC : url background
ABC : tebal border tersebut , suka hati nak letak berapa je
ABC : jenis border sama ada dashed , solid , dotted
ABC : tukar kaler kat SINI

Saturday, January 14, 2012

Freebies: Cursor +


Hari ni nak bagi freebies lagi iaitu cursor . Ni bukan sembarangan 
cursor tau . Bentuknya macam + . Aku suka 
pakai cursor bentuk ni , hihi .

Follow this step :

1. Dashboard > Design > Add Gadget > Choose HTML/Java Script

2. Copy code bawah ni
<style>body {cursor:crosshair} </style>
3. Pastekan dalam kotak gadget tersebut dan SAVE .

Easy right :) Apalagi comment la , haha . Muka mintak betul aku ni :P

Thursday, January 12, 2012

Tutorial: Snow Ball Effect

Snow ball effect ni kira macam salji la . Kalau letak kat blog korang
sejuk aja memandang . Tapi yang ni saiz besar punya .

1. Dashboard > Design > Add Gadget > Choose HTML/Java Script

2. Copy code bawah ni

<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>
3. Pastekan dalam kotak gadget tersebut

4. Choose colour that you all want

HITAM : http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png
PINK/MERAHhttp://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png
BIRUhttp://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png

Credit ; Pija

Tutorial: Sweet Tooltips

Hari nak share kat korang macam mana nak pasang sweet tooltips kat blog . Sweet tooltips ni dia akan muncul bila korang sentuh mana-mana link pada blog . Jom kita mulakan .

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template
2. Search code ni : </head>
3. Then , pilih warna apa yang you all nak
Pink
<link href='http://www.mykawaiistore.com/mommypinky/sweet/pink.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/tooltips.js' type='text/javascript'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/sweettiles.js' type='text/javascript'/>
Blue
<link href='http://www.mykawaiistore.com/mommypinky/sweet/blue.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/tooltips.js' type='text/javascript'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/sweettiles.js' type='text/javascript'/>
Orange
<link href='http://www.mykawaiistore.com/mommypinky/sweet/orange.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/tooltips.js' type='text/javascript'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/sweettiles.js' type='text/javascript'/>
Green
<link href='http://www.mykawaiistore.com/mommypinky/sweet/green.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/tooltips.js' type='text/javascript'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/sweettiles.js' type='text/javascript'/>
Purple
<link href='http://www.mykawaiistore.com/mommypinky/sweet/purple.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/tooltips.js' type='text/javascript'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/sweettiles.js' type='text/javascript'/>
Black
<link href='http://www.mykawaiistore.com/mommypinky/sweet/black.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/tooltips.js' type='text/javascript'/><br /> <script src='http://www.mykawaiistore.com/mommypinky/sweet/sweettiles.js' type='text/javascript'/>
4. Pastekan code tersebut di bawah code </head>
5. Preview dahulu kemudian save .

Credit ; Mommy Pinky 

Tutorial: JQuery Image Hover


Tuto kali ini pasal jquery image hover . Cuba korang halakan cursor ni kat gambar
atas . Gambar tu jadi kabur kan . Tula namanya jquery image hover .
Kalau nak boleh follow step bawah ni . Credit to : Pija

1 Dashboard > Design > Edit HTML > Tick Expand Widget Template

2 Search code ni  <head>

3 Sekarang copy code kat bawah ni dan pastekan selepas/bawah <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0);
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0);
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
4 Savekan ! 

Wednesday, January 11, 2012

Tutorial: Cute Navigation

Hari ni punya tuto pasal cute navigation . Nak tau rupanya
macam mana view gambar bawah ni .


1 Dashboard > Desgin > Add Gadget > Choose HTML/Java Script

2 Sekarang copy code kat bawah ni :
<center><span class="Apple-style-span" style="font-family: calibri; font-size: medium; ">
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">

<a href="YOUR LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tajuk 1</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">

<a href="YOUR LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">Tajuk 2</a></span>
<span id="nav" style="font-size: 11px; font-family: calibri; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #D8D8D8; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: default; ">
</span></span></center>
 3 Pastekan dalam kotak tersebut dan save . Kdone !