6 Tutorial Hari Ini

Aishah baru saja menyiapkan 6 TUTORIAL.

Buat pertama kalinyakan. Hari ni Aishah rajin sangat. SO, Siapa yang nak tau tuto yang baru apa KLIK SINI.

Tutorial ynag sangat best. Aishah gerenti mesti semua suka. Kalau Suka like la. Susah tau tak nka buat. Penat pulak tu nak taip. Kalau nak copy Aishah punya tuto tu pun, Aishah tak marah eeeh. Aishah tak la macam orang lain sampai mengutuk di blognya. Berdosa membuka aib orang tau..

Itu ja...Harap semua seronok dengan tuto Aishah ok.

Assaalamualaikum...

Icon Sebelah Sidebar Title

SEBELUM TU , KEPADA YANG LETAKKAN BACKGROUND UNTUK SIDEBAR KENA REMOVE.KALAU NAK LETAK ICON LAAH.

1. Dasboard > Design > Edit Html

2. Cari kod ni

h2 {

@ kod ni ( kalau yang ni kena tick expand widget template )

.sidebar h2 {  

3.  Copy kod bawah ni dan paste dekat atas kod yang cari tadi

background:url(URLGMBR);background-repeat: no-repeat;background-position:left center;padding:5px 3px 0 30px;}

4. PREVIEW DULU BARU SAVE>>>>>

Good luck

Letak Kesan Salji Dalam Blog

Contohnya...DI SINI

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

2. Cari kod </head>

3. Copy kod bawah ni dan paste di atas kod </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/><script src='http://nirav07.110mb.com/jsnow.js' type='text/javascript'/>  <script type='text/javascript'>$(function() {$().jSnow();});</script>

4. Preview baru save.

Menukar Home, Older Post dan Newer Post kepada Icon.

Aishah Gunakan icon yang sangat cute..bukannya yang macam blog aishah ni.

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

NEWER PAGE

1. Cari kod ni

<data:newerPageTitle/>

2. Lepas tu, gantikan kod di atas dengan kod ni

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

3. Merah tu dengan icon untuk new page icon ok.

OLDER PAGE


1. Cari kod ni

<data:olderPageTitle/>

2. Gantikan kod di atas dengan kod ni

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

3. Merah tu ikut kesesuaian ok...

HOME ICON


1. Cari kod ni

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

2. Gantikan dengan

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

3. merah tu tukar dengan icon yang sesuai...

Double Dashed Hover

Nak tengok contoh Klik SINI. Bila kita sentuh header ada line oren tu kan...itulah..

1. Dashboard > Design > Edit HTML

2. Cari kod ni ( tekan ctrl  + F )

a:hover

3. Lepas tu copy kod bawah ni dan paste di bawah kod hover tadi.

border-top: 2px dashed #ff8fc1;border-bottom: 2px dashed #ff8fc1;

4. merah tu tukar la ikut kesesuaian warna yang disukai. ok
save..

Centerkan SIdebar Title dengan Post Title

Assalamualaikum....
Kali ni kita nak bagi sidebar title dengan post title kita berada di center. Lebih kemas la kan.

POST TITLE


1. Dashboard > Design > Edit HTML

2. Cari kod ni

h3.post-title {

atau

h4 { 

3. Lepas tu copy kod bawah ni dan paste kat bawah kod yang dicari tadi

 text-align:center;

Save.

SIDEBAR TITLE 


1. Ikut langkah satu seperti di atas.

2. Cari kod

h2 {

3. Dan copy kod bawah ni dan paste di bawah kod tadi

 text-align:center;

SAVE...SEBELUM TU PREVIEW DULU

Sidebar Title Background

Assalamualaikum.....Hari ni AIshah nak buat banyak tuto so, ni adalah salah satunya . Step:

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

2. Cari kod bawah ni ( tekan ctrl + f )

h2 {

3. Lepas tu, gantikan kod ni

 font: $(widget.title.font);
  text-transform: $(widget.title.text.transform);
  color: $(widget.title.text.color);
  margin: .5em 0;

dengan

 margin:0 0 1em 0; 

font:$(widget.title.font); 

color:$(widget.title.text.color); 

text-transform:uppercase; 

background:url('URL GAMBAR PILIHAN')

4. Cuma terbalaik jer kan. Kalau yang tak ada kod no.3 tu, mungin template yang lain kot.

5. Seterusnya kalau nak  jadikan border...letakkan kod border di bawah

color:$(widget.title.text.color);

6. kod tersebut boleh didapati di sini .

Animated Recent Post Widget

Tadi, AIshah perasan ada request tentang animated recent post widget. Jadi, oleh sebab Aishah free n tutorial ni senang so, AIshah nak buat la...


1. Dashboard > Design > Page Elements > Add a Gadget


2. Copy kod bawah ni dan paste pada ruangan HTML

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/animated-recent-post-widget.html" target="_blank">get this widget here</a></small>

3. Save. Siap

Scroll Box untuk Bloglist

Assalamualaikum, Aishah buat tuto ni sebab nanti kan Aishah nak senaraikan banyak bloglist so, Aishah nak cari la cara nak buat scroll box. Jadi, semua boleh tengok tak payah klik continue atau apapun. Nanti baru Aishah try...

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

2.  Then, cari tajuk bloglist korang. (tekan CTRL =F )Macam mana nak cari tajuk tengok bawah ni

yang dikotakkan tu lah tajuk. Ok,

4. Bila dah jumpa tajuk tu, cuba tengok kat bawah sikit, ada code ni kan

<div class=’widget-content’>

5. Jumpa dah. Ok lepas tu ganti kod tadi dengan kod ni

 <div class='widget-content' style='overflow:auto; width:220px; height:400px;'>

6. Preview dulu. Baru save.
* yang warna merah tu untuk bergantung pada saiz ok.

Bentuk-Bentuk Border

Border ni adalah bertujuan untuk membentuk kita punya background post title @ background sidebar title @ blockquote dll. Ok .

-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px;}

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

}

 

-moz-border-radius-bottomright: 25px 50px;

border-bottom-right-radius: 25px 50px;

}

 -moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

}

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

} 

 -moz-border-radius: 35px;

border-radius: 35px;

}

Cara nak letakkannya. ok. Cari la mana-mana kod yang ditulis border..contohnya bawahni. yang merah tu kod yang Aishah cakap border tadi. Lepas tu just paste kod yang aishah bagi untuk border yang dekat atas ni.

border:3px solid #000000;-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px;}

Kalau nak tanya lebih lagi....contohnya post title ka sidebar title ka...yg x jadi..boleh tanya. Insyaallah, Aishah jawab

Slide Float Widget

 YANG PERGAULAN ISLAM JA SLIDE FLOAT WIDGET

Slide float widget ni  bila klik kat dia ..akan keluar macam ni

1. Dasboard > Design > Add a Gadget > HTML/JavaScript

2. Copy kod awah ni dan paste pada ruangan HTML tadi

<style type="text/css">#at{position:fixed;right:450px;z-index:+1000;}* html #at{position:relative;}.attab{height:100px;width:30px;float:left;cursor:pointer;background:url();}.atcontent{float:left;border:2px solid #ff0000;background:url() #000000 repeat-x bottom center scroll ;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;-moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;padding:10px;}</style><script type="text/javascript">function showHideAT(){var at = document.getElementById("at");var w = at.offsetWidth;at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);at.opened = !at.opened;}function moveAT(x0, xf){var at = document.getElementById("at");var dx = Math.abs(x0-xf) > 25 ? 35 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;at.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}}</script><div id="at"><div class="attab" onclick="showHideAT()"> </div><div class="atcontent"><div align="center"><div style="background:url() no-repeat;">
KOD WIDGET YG NAK DIJADIKAN SLIDE FLOAT WIDGET
</div></div>
<br /><div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqKj6yJ51iei9Hb_CwFSWR9RzDXudX8JPgqybF3i1snMjBmwBBnJnSuEjNUxMCRP1-bnnxLlyk4qSwLGY3YlHvDF8SJCk0S0AK-vL6NtAmrXHKgeK3quZ_hyphenhyphenGaBMq59paFeHxeH9gHvKA/s1600/close_button.gif" alt="close" title="Close" /></a></div><br><div align="right"><font size="3"><a href="http://wanhazel.blogspot.com/"><div style="color: #FF0000;"><span ></span></div></a></font></div></div></div></div>

<script type="text/javascript">var at = document.getElementById("at");at.style.top = (-200-at.offsetWidth).toString() + "px";</script></center>

Save
* yg kaler biru tu kod untuk benda apa contohnya senarai nama or exchange link pon boleh

* yg kaler merah untuk background untuk slide float widget

Kemudian, Step seterusnya ialah..

1. Dashboard > Design > Add a Gadget > HTML/JavaScript

2. Copy kod ni dan paste pada ruangan HTML

<div style='display:scroll; position:fixed; top:21px; left:-0px;'>
<a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="180" height="180"src="http://s2.kimag.es/share/13001159.png" alt="PUSH" title="Perbualan Islam"/></a>
</div>

Save
* biru untuk tinggi mana slide tu nak letak.
* purple untuk saiz
* merah untuk url gambar
* Untuk tajuk benda tu. Kalau nak letak KLIK pun boleh.

Letak Gambar Setiap Bawah Post ( Footer )

Assalamualaikum...tulah gambar yg dimaksudkan. Siapa yang rasa nak buat. Jom kita ikut steps bawah ni...

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

2. Cari kod  bawah ni ( tekan ctrl + F )

<div class='post-footer-line post-footer-line-3'/>

3. Copy kod bawah ni  dan pastekan dekat Bawah kod yg cari tadi.

<center><img src='URL IMAGE KORANG' style='width: 499px; height: 167px;'/></center> 

4. Preview dulu baru save.

* merah .... url gambar dan biru utk saiz. letak saiz betul2.

kalau nak senang dapat url gambar...upload gambar dekat http://kimag.es/  nanti copy DIRECT LINK. Tak payah susah-susah upload dekat photobucket.

Scroll Box untuk Archive List

Tadi, Aishah cari la tentang cara nak buat ni sebab Aishah dah  lupa macam mana Aishah punya Archive List Aishah jadi scroll box. Lepas tu, Aishah jumpa tapi error. Tapi dalam Aishah dok buat tu Aishah perasan sesuatu..terus Aishah save. Step nya ialah

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

2. Cari kod ni ( tekan ctrl + F )

<div id='ArchiveList'>

3. Lepas dah cari copy kod ni pulak

  <div class='widget-content' style='overflow:auto; width:320px; height:250px;'>

4. Preview dulu baru save.

* yang purple tu letakkan saiz mengikut kesesuaian blog.

Note Bawah Setiap Post

Yang kaler merah tu lah note yg dimaksudkan..yg thanks for reading lepas tu ada ayat arab lepas tu.

STEPS :

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

2. Cari kod ni ( tekan ctrl+F)

 <data:post.body/>

3.  Lepas tu, copy kod ni pulak dan paste di bawah kod yang dicari tadi

<hr/><center>AYAT</center><hr/>

* Merah tu letakkan ayat untuk note bawah post tu, ok

Tukar Warna Highlight

Aishah baru ja tukar highlight untuk blog Aishah. Cuba highlight mana-mana ayat dalam blog Aishah, dia warna biru kan. Ok, the steps ..

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

2. Cari kod ni

]]></b:skin>

3. Kemudian copy kod bawah ni dan paste dekat atas kod yang kita cari tadi.

 :-moz-selection{background: #33FFFF;color: #FFFFFF;}

• Merah untuk warna tulisan
• yang biru pulak untuk warna highlight.

4. Save siap

 

Accordian Tab Menu

Accordian tab menu tu apa pulak. Ok, tak pa..mai sini nak tunjuk..dalam blog ni tak ada sbb Aishah rasa tak ada apa yang perlu dibuat sedemikian... Kalau nak tengok contoh cuba tengok bawah ni

 diambil dr google images

Kalau tekan salah satu daripada owner, facebook  atau banner tu dia akan ke bawah. Ini supaya tak da la sidebar kita nanti panjang berjela.

Step nya ialah

1. Dashboard > Design > Add a Gadget > HTML/JavaScript.

2. Copy kod ni dan paste pada ruangan content HTML/JavaScript

<style type="text/css">h5 {font-family: trebuchet-ms, arial, tahoma;font-size: 13px;padding: 0 0 1em;font-weight:bold;color: #ffffff;}.msg_list {list-style: none;margin: 0;padding: 0;width: 100%;}.msg_head {padding: 5px 10px;cursor: pointer;position: relative;background-color:#FFB6D6;margin:1px;-moz-border-radius: 35px;border-radius: 35px;}.msg_body {padding: 5px 10px 15px;background-color:#FFFFFF;}</style><script type="text/javascript" src="https://sites.google.com/site/jquery01/tabmenuaccordion.js"></script><script type="text/javascript">$(document).ready(function(){//hide the all of the element with class msg_body$(".msg_body").hide();//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked$("#firstpane h5.msg_head").click(function(){$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");});//slides the element with class "msg_body" when mouse is over the paragraph$("#secondpane h5.msg_head").mouseover(function(){$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");});});</script><div class="msg_list" id="secondpane"><h5 class="msg_head">Tajuk 1</h5><div class="msg_body"><center>Kod untuk tajuk 1</div><h5 class="msg_head">Tajuk 2</h5><div class="msg_body">Kod  untuk tajuk 2</div><h5 class="msg_head">Tajuk 3</h5><div class="msg_body">Kod untuk tajuk 3</div></div>

3. Save


* yg Oren tu : warna tulisan untuk tajuk

* yg Biru tu : untuk background tajuk accordian tab menu

* yg purple tua tu : untuk background ISI tab menu tu ... kalau nak transparent , tak payah tulis kod warna ..just tulis transparent.

* yg merah tu : Tajuk Tab tu ok.

* yg purple muda tu : untuk kod bagi setiap apa yg nak dipaparkan .. Contohnya untuk tab 1 tu nak letakkan shoutbox..so, letak kod shoutbox la...

This my 100th post

Hahahaha...It's sounds like weird right because I started blogging since last year but today is my 100th post. 

Actually, last year, I'm not so active in the blogging world. I feel like there's nothing to do with blog. At that time, I'm still blurred about blog and how to use it and applicate it. So, I used my own mind to search at Internet  and how surprised am I that time because there're much nice blog that I've found.

This makes me to decorate and customize my blog until it become like this. All of this started from A and wil be lasted at Z. 

The conclusion is, we've to try hard to get what do we want. 

And don't think we can do anything without learning. Although we're a smart student but all of us started our life with cannot talk, walk and now we can talk and walk even we can think. All of that are support and education from parents and teachers. So, dont be selfish. share whatever knowledge you have. 

Sharing is Caring.

 Remember that quote.

Sweet Tooltips

Tutorial ni adalah daripada blog MummyPinky. Ok, Sweet Tooltips ni ialah yang bila mouse sentuh mana-mana link, gambar atau apa-pun dia akan kelaur benda macam kotak Nak tahu..tengok bawah ni

1. Dashboard > Design > Edit HTML

2. Cari kod ni ( tekan ctrl + F )

 </head>

3. Lepas tu boleh pilih warna untuk kotak link ok..kalau blog aishah warna hijau..kalau nak yang lain boleh tengok bawah ni

PINK

 <link href='http://h1.ripway.com/mommypinky85/mommypinky.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>

HIJAU 

<link href='http://h1.ripway.com/mommypinky85/mommypinkygreen.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/> 

OREN 

 <link href='http://h1.ripway.com/mommypinky85/mommypinkyorange.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>

BIRU 

<link href='http://h1.ripway.com/mommypinky85/mommypinkysolehah.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>

HITAM 

<link href='http://h1.ripway.com/mommypinky85/mommypinkyblack.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/> 

PURPLE 

<link href='http://h1.ripway.com/mommypinky85/mommypinkypurple.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>

4. Lepas pilih...Preview dulu..baru save..kalau dah sure baru save tau..nanti blog tu tak bleh buka langsung..dah kena buat lain..

SIAP....Fuhh 

Round Shadow Hover

Request utk tutorial seterusnya ni daripada liyana. Dia minta suruh buat Hover yang macam shadow bulat tu ...Ok Ikut ja step bawah ni

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

2. Kemudian cari kod bawah ni ( tekan ctrl + F )

/* Header

3. Then, copy kod bawah ni dan paste dekat atas kod header tu ok.

/*------ IMAGE ANIMATION------*/img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;}u {text-decoration:underline;border-bottom: 2px dotted #ff0080;padding: 0px;}

4.  Yang di highlight warna merah tu ialah html warna ... gantikan dengan warna yang disukai ok.. KLIKSINI

SAVE N SIAP

Tak jadi kasi tau..kalau jadi jgn la segan nak like ok

Siap Pun Karyaku

Untuk pengetahuan, inilah kali pertama aishah menghasilkan lukisan yang mempunyai kontra. Macam tak caya ja.. Tapi kalau orang yang pro tengok macam Huda, Pon atau mana-mana lagi yang terer melukis tu mesti anggap lukisan ni biasa ja. Yea, memang biasa pon.

Tangan Aishah bukannya takan seni. Kalau orang yang mempunyai tangan seni, conteng pun nampak macam sebuah karya. Betapa kreatif nya orang yang bertuah itu. 

Nak siapkan lukisan ..cuba teka berapa lama nak siap... Sbenarnya sekejap saja tapi, oleh kerana aishah ni sat tangok tv sat buat....sampai bila pun x siap. Tapi dianggarkan siap dalm pukul 2.00 pagi semalam. Sampaikan tertidur kat ruang tamu...TV terbuka..colour yang dalam bekas palet tu pun kering ..air yang dalam tupperware tu pun kotor sangat.. Mana taknya..tak larat sangat.

Kalau Aishah cikgu seni la kan...Aishah boleh bagi 3/10 ja kot..mesti Izyan, Afifah dan Izyan lagi lawa..Tak pa la asalkan siap..Nak hantar esok..

Terima kasih diucapkan kepada Cikgu Zaihira yang mengajar saya untuk menggunakan warna dengan betul dan kontra...

Fieldset

Fieldset tu macam yang kat dalam kotak hitam tu nampak tak..ala yg about me...Tau kan... Cara-caranya

1. Dashboard > Design > Add A Gadget > HTML/JavaScript

2. Copy kod ni

<fieldset><legend><img src="URL IMAGE"/></legend>YOUR TEXTS</fieldset>

* yg url image tu gambar yg about me tu tau bukannya gambar perempuan purdah tu..yg gambar perempuan purdah tu lain cerita ok. Tapi kalau x mau letak gambar nak letak text ikut cara bawah ni pulak

1. Dashboard > Design > Add A Gadget > HTML/JavaScript

2. Copy kod bawah ni

<fieldset><legend>YOUR TEXTS</legend>YOUR TEXTS</fieldset>

* yg your text pertama tu...utk text nak gantikan gamabr yg tak mau letak tadi...your text kedua tu pulak ayat dalam fieldset...ok

KALAU NAK LETAK GAMBAR KITA PULAK MACAM MANA ???????

Macam ni ja..

1. Tadi kan kita dah buat fieldset kan ok

2. Sekarang cari gambar yg nak diletakkan

3. Dah cari...uploadkan dalam photobucket....sebab kita nak amik dia punya kod..ingat yg kita nak ambil ni bukannya DIRECT LINK, tapi HTML CODE..faham

4. Dah upload..macam yg dicakap tadi..copy dia punya HTML CODE.

5. Dan pastekan sebelum kod untuk fieldset tadi..ok..maknanya kita tak payah ambil gadget baru..faham..

SIAP>>SETTLE>>FUHH

Bubbles Cursor

bubbles cursor macam bila kita gerakkan mouse dia keluar buih...Bukannya yg kelip2 tu.

1. Dashboard > Design > Add a Gadget > HTML/JavaScript

2. Copy kod 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>

3. Pastekan di ruangan HTML/Javascript tadi..ok
5. Siap

* yg merah tu letakkan dgn html warna yg suka ok....html tu boleh dapatkan di sini