service edit blog ^^

okay tema minggu yang yana akan edit ialah tema
bacground : cute and adorable
colour : pink,blue,green,purple and colourful


minggu ni minggu special (sebab cuti sekolah)
yana akan edit-kan sekali :
*header

boring kodd

serious boring gilaaa .
teramat boring  !!!
so aku ade idea untuk buat service edit blog .
padahal dah lame aku edit blog org 
blog nih yg aku pernah edit-kan
(tapi die dah tukar background)

so sesape nak suroh aku edit blog korang ,,,
follow aku n tengok syarat2 yg tertera di dalam gambar ini


cute star follow cursor

haha yg ke enam tuto yg aku buat hari nie :D
jom start !!


1. Dari dashboard > design > add a gadget > HTML/javasrcript [link]

2. Copy code di bawah mengikut kesukaan anda dan paste ke dalam HTML/javascript

i) Following star warna warni


<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/rainbows.js"></script>



ii) Following star warna biru

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/blues.js"></script>



iii) Following star warna purple

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/purples.js"></script>


perkataan follow cursor

Tutorial untuk buat perkataan bergerak mengikut cursor adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod berikut dalam html/javascript yang anda buka.


<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'comic sans';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Perkataan anda di sini";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>



Note: Tukar 'Perkataan anda disini' dengan apa yang anda mahu.

3. Save dan lihat hasilnya.:)


Bagi yang ingin sedikit ubahsuai, boleh rujuk beberapa perkara berikut.

1.Tukar style

font-style: normal; (pilihan lain italic, oblique, atau inherit)

2. Tukar warna perkataan
color: #FF0080; (untuk code warna, rujuk entri ini HTML color code

3. Tukar jenis tulisan
font-family: 'impact'; (pelbagai lagi bentuk perkataan yang ada, boleh rujuk dibawah)


tutorial gambar magic ! :D

tuto ke 5 yg aku buat hari ni (haha)
jom start !


1. Gunakan kod di bawah, tukarkan link yang anda mahu, url gambar pertama dan url gambar kedua.


<a href="Target link" target="_blank"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" /></a>




Contoh untuk kod untuk demo di atas adalah

<a href="http://ohbest.blogspot.com" target="_blank"><img src="http://i.imgur.com/Z5B1M.png" onmouseover="this.src='http://i.imgur.com/PlE1J.jpg'" onmouseout="this.src='http://i.imgur.com/Z5B1M.png'" /></a>



2. Anda boleh post di dalam entri bloganda seperti biasa ataupun boleh letakkan di sidebar.


Senang dan mudah bukan.?.:)


Nota: Jika mahu gambar sahaja tanpa link, kodnya seperti dibawah.

<img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" />



Selamat mencuba.:)

tutorial snow effect version 2

Let's start the tuto! Caranya begini :

1. First, sila buka dashbord-->Design-->Add a gadget-->Html/Javascript
2. Copy dan paste code ini di Html/Javascript

<script type="text/javascript">
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
//Configure below to change URL path to the snow image
var snowsrc="URL SNOW ANDA"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "windowheight";
///////////Stop Config//////////////////////////////////
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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
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://dynamicdrive.com\"><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() { // IE and NS6 main animation function
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) { // iterate for every dot
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>

Tulisan merah itu boleh gantikan snow-snow dibawah ini.

white
http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png

pink
http://i1104.photobucket.com/albums/h329/anisdiyana97/pink1.png
orange
http://i1104.photobucket.com/albums/h329/anisdiyana97/orange1.png
grey
http://i1104.photobucket.com/albums/h329/anisdiyana97/grey1.png
green
http://i1104.photobucket.com/albums/h329/anisdiyana97/green1.png
chocolate
http://i1104.photobucket.com/albums/h329/anisdiyana97/chocolate1.png
blue
http://i1104.photobucket.com/albums/h329/anisdiyana97/blue1.png
black
http://i1104.photobucket.com/albums/h329/anisdiyana97/black1.png

That's all. Boleh save kalau dah siap.

tutorial change highlight colour

1.Dashbord-->Design-->Edit Html
2.Search code bawah ini

a:link {

3.Jumpa?Apa kata  korang paste je code bawah ini diatas code a:link {

::selection {
background: #ffffff; /* Safari */
color: #000000;
}
::-moz-selection {
background: #ffffff; /* Firefox */
color: #000000;
}

  • Nampak tak ada yang saya bold kat code atas tu? Code colour tu korang ubahlah ikut suka hati korang ya!
4.Preview dan baru save!

Tutorial jquery tab menu accordion

hi hi hi !!
dah lame tak buat tuto kan ?
hari nie aku nak buat 

Tutorial jquery tab menu accordion

let's start ! ^^

step one ~~
korang  Pergi dashbord-->Design-->Add a gadget-->Html javascript
2. Copy dan paste code bawah ini kat 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:#FAAFBA;
margin:1px;
}
.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">
Masukkan kod /text disini
</div>
<h5 class="msg_head">Tajuk 2</h5>
<div class="msg_body">
Masukkan kod/text disini
</div>
</div>


Title font colour : #ffffff
Background title box : #FAAFBA
Background accordion box : #FFFFFF

Colour oren tu untuk tajuk tab menu korang dan colour merah tu untuk korang masukkan text atau kod.


siap !!! 

normal kea ?

bila time sekolah sebok nak cuti
bila dah cuti sebok nak sekolah pula (!)
normal kan ?
seorang pelajar merasakan mcm tuh ? =.='

rimas lha !

kau ! dia !
asal aku nak
kaww pun nak !

asal aku ader bende tuh
kaww pun nak jugak !

kau tahu kaww nih penyebok !
bile org tego
mule lah
pok pek pok pek

ergghh
menyirap lha aku !!!!

yeah yeah

aku tak sangka yang aku tak dapat masuk kawad kaki daerah ...
:(
tapi aku dapat masuk kawad kaki daerah gombak !!!!
yeah
tak ley yo !!!!
KRS number one yo !!!!

bubble cursor

hi.
dah lame tak buat tuto en ?
ah hari ni nak buat tuto pasal bubble cursor
tak tau ape bende tuh ?
tengok gambar bawah nie !

step one !!!!
korang dari dashboard >> design >> page elements >> add gadget + HTML/Javascript

korang copy code ni


<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#FAAFBE", "#FAAFBE", "#FAAFBE", "#FAAFBE", "#FAAFBE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // 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>

then kalau korang nak tukar warne bubble die korang gie sini
korang cari perkataan niy kat dalam code tadi
var colours=new Array("#FAAFBE", "#FAAFBE", "#FAAFBE", "#FAAFBE", "#FAAFBE"); 
letakkan code warne yg korang nak dalam kurungan

selamat mencuba !!! ^^

tukar background blog dengan background dari cherrybam

hallohaaaa
dah lama tak buat tuto eeen?
so hari ni tuto yg ke 1...2....3... eh entah la
jom start


<<<<STEP ONE >>>>

firstly korang gie kat >>>>>
www.cherrybam.com
then korang cari background dekat sini >>>>>>>>>>






korang select la mane2 background yg korang nak(klik kat gambar yg disukai)
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>








nanti akan keluar seperti ini>>>>>>>>>>>>>>>>>>










so korang tekan err mane mane then keluar mcm
ni >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

then korang scroll scroll scroll
akan jumpe 'part 2'
then korang copy code yg ade dalam kotak







<<<< STEP TWO >>>>
firstly korang dari dashboard >> design >> template designer >> advanced >> add CSS
then ader datu kotak ....
korang paste-kan code tuh dlm kotak tuh...

sebelum save preview dulu okay !!! ^^


p/s: add CSS >>>

phone baru !!! :D

yeay !!!!!
nanti papa bagi phone baru !!!!
phone ape agak2 nye ek?
boleh ah cite papa pun nak beli phone baru .
sony (xperia) la tuh !!!
jeles !!!!

bila boring sudah melanda

19,20,21,22,23 and 24 april 2011 ....
gila gila bersama webcam :D













kenangan yang tidak boleh dilupakan !!

hari tu buat latihana... (putera n puteri)
then kak ekin suruh duduk
die nak ckp sikit
kitorang tak perasan plak yang kadet putera nak buat latihan
padahal nak dekat balik dah
then diorang terpaksa buat balik semula...
kak ekin suruh kiteorang (kadet puteri) ckp "minta maaf kadet putera !!!"
then kadet putera plak balas "i love you kadet puteri !!!"
kadet puteri balas balik "i love you too !!!!"

hahha
tak ley lupaaaa
alhamdullillah....
KRS SEMENTAS dpt no dua !!!!!!

thanks to abg musleh coz doakan yana....
thanks a lot
sebab beret tuh...
yana betol2 mintak maaf
tak sengaje hilangkan

tapi jgn risau
nanti yana gantikan kay?

yeayy !!!! !!!! !!!!

yeay yeay yeay

dulu simpanan ,
sekarang bukan .

dulu ikut-ikut ,
sekarang bukan .

dulu tak pakai uniform ,
sekarang pakai uniform .

dulu berdebar-debar ,
sekarang LAGI berdebar-debar .

dulu formasi cool ,
sekarang formasi gempak ! .

dulu sorak ,
sekarang diam .

dulu putih (:p) ,
sekarang hitam .

dulu t-shirt ,
sekarang uniform .

tu je .

keje dah bertimbunnn

folio lah
keje sekolah la
hias kelas la

cabaran dowh sekolah menengah niyhhh
kawad lagi
tapi yang paling best kawad lahh :DDD

selamat sampai dari kelate nohhh

kamen rider yang bodoh =.='



serious ....
gile sakai

all gaia memory henshin



kamen rider double
= = = = = =
cyclone , heat , luna , joker , metal , trigger , fang , extreme




kamen rider accel
= = = = =
accel , trial

KRS number 1 !!!

Sabtu, 26.03.2011
lawan kawad kaki KRS

menang ohhhhhhhhhh
bahagianya ohhh

ilysdm phillip-kun !!!!!

the real name is : masaki suda
he so handsome boy !!!!
ilysm kame rider double !!!!

penat,letih,capek

huyoo !!!
gile penat ( X( )
hitam !!!! (walaupun memang hitam )
esok lagi la
tak de rehat
huwaaaaa
cobaaaan

best !

best gile mama dah balik ni !!!


baju baru , seluar baru , kasut baru , barang baru
yang paling best ialah....
jengjengjeng...


RAMBUT BARU !!!

scrolling image

haaaaa haaaa haaaa
dah lame tak update tuto enn?
hari ni aku buat tuto baruuuu
jom start beybeh 


firstly,
korang dari dashboard -> design -> page elements -> add gadget + HTML/Javascript
then korang copy code nih n then paste kat dalam box yang besar punyaa !!!



<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a><a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a> 

</marquee>


p/s:
merah: korang nak buat gambar uhh berapa laju unn boleh
hijau: width dier nak berapa lebar
biru cair: height dier berapa nak panjang
biru: link yang korang nak bukak contoh: http://yana-diana.blogspot.com/
pink: url gambar yang korang nak scroll-kan ( kalau nak ambik kat photobucket, amik yang direct link )


kalau korang nak scroll banyak gambar, copy code nih


<a href="link untuk dibuka" target="_blank"><img src="url gambar"/></a>
sebelum save, preview lah dulu !!!

best kottt

hahaha
sekarang nie aku sorang2 kat umah...
so aku boleh bukak lagu beautiful-beast kuat kuat !!!!!!
nenek gie kenduri
mama jumpe kawan
aku..
main komputer lah !!!!!
best !!!
    YANG YO SEOB

pening !!!

mane cantik for my google chrome's background?



nie ker or nie ?


tapi yang nie lagi simple enn?


so nie lah my google chrome's background :DD


Tuesday, June 7

service edit blog ^^

okay tema minggu yang yana akan edit ialah tema
bacground : cute and adorable
colour : pink,blue,green,purple and colourful


minggu ni minggu special (sebab cuti sekolah)
yana akan edit-kan sekali :
*header

Monday, June 6

boring kodd

serious boring gilaaa .
teramat boring  !!!
so aku ade idea untuk buat service edit blog .
padahal dah lame aku edit blog org 
blog nih yg aku pernah edit-kan
(tapi die dah tukar background)

so sesape nak suroh aku edit blog korang ,,,
follow aku n tengok syarat2 yg tertera di dalam gambar ini


cute star follow cursor

haha yg ke enam tuto yg aku buat hari nie :D
jom start !!


1. Dari dashboard > design > add a gadget > HTML/javasrcript [link]

2. Copy code di bawah mengikut kesukaan anda dan paste ke dalam HTML/javascript

i) Following star warna warni


<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/rainbows.js"></script>



ii) Following star warna biru

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/blues.js"></script>



iii) Following star warna purple

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/purples.js"></script>


perkataan follow cursor

Tutorial untuk buat perkataan bergerak mengikut cursor adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod berikut dalam html/javascript yang anda buka.


<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'comic sans';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Perkataan anda di sini";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>



Note: Tukar 'Perkataan anda disini' dengan apa yang anda mahu.

3. Save dan lihat hasilnya.:)


Bagi yang ingin sedikit ubahsuai, boleh rujuk beberapa perkara berikut.

1.Tukar style

font-style: normal; (pilihan lain italic, oblique, atau inherit)

2. Tukar warna perkataan
color: #FF0080; (untuk code warna, rujuk entri ini HTML color code

3. Tukar jenis tulisan
font-family: 'impact'; (pelbagai lagi bentuk perkataan yang ada, boleh rujuk dibawah)


tutorial gambar magic ! :D

tuto ke 5 yg aku buat hari ni (haha)
jom start !


1. Gunakan kod di bawah, tukarkan link yang anda mahu, url gambar pertama dan url gambar kedua.


<a href="Target link" target="_blank"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" /></a>




Contoh untuk kod untuk demo di atas adalah

<a href="http://ohbest.blogspot.com" target="_blank"><img src="http://i.imgur.com/Z5B1M.png" onmouseover="this.src='http://i.imgur.com/PlE1J.jpg'" onmouseout="this.src='http://i.imgur.com/Z5B1M.png'" /></a>



2. Anda boleh post di dalam entri bloganda seperti biasa ataupun boleh letakkan di sidebar.


Senang dan mudah bukan.?.:)


Nota: Jika mahu gambar sahaja tanpa link, kodnya seperti dibawah.

<img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" />



Selamat mencuba.:)

tutorial snow effect version 2

Let's start the tuto! Caranya begini :

1. First, sila buka dashbord-->Design-->Add a gadget-->Html/Javascript
2. Copy dan paste code ini di Html/Javascript

<script type="text/javascript">
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
//Configure below to change URL path to the snow image
var snowsrc="URL SNOW ANDA"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "windowheight";
///////////Stop Config//////////////////////////////////
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; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
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://dynamicdrive.com\"><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() { // IE and NS6 main animation function
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) { // iterate for every dot
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>

Tulisan merah itu boleh gantikan snow-snow dibawah ini.

white
http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png

pink
http://i1104.photobucket.com/albums/h329/anisdiyana97/pink1.png
orange
http://i1104.photobucket.com/albums/h329/anisdiyana97/orange1.png
grey
http://i1104.photobucket.com/albums/h329/anisdiyana97/grey1.png
green
http://i1104.photobucket.com/albums/h329/anisdiyana97/green1.png
chocolate
http://i1104.photobucket.com/albums/h329/anisdiyana97/chocolate1.png
blue
http://i1104.photobucket.com/albums/h329/anisdiyana97/blue1.png
black
http://i1104.photobucket.com/albums/h329/anisdiyana97/black1.png

That's all. Boleh save kalau dah siap.

tutorial change highlight colour

1.Dashbord-->Design-->Edit Html
2.Search code bawah ini

a:link {

3.Jumpa?Apa kata  korang paste je code bawah ini diatas code a:link {

::selection {
background: #ffffff; /* Safari */
color: #000000;
}
::-moz-selection {
background: #ffffff; /* Firefox */
color: #000000;
}

  • Nampak tak ada yang saya bold kat code atas tu? Code colour tu korang ubahlah ikut suka hati korang ya!
4.Preview dan baru save!

Tutorial jquery tab menu accordion

hi hi hi !!
dah lame tak buat tuto kan ?
hari nie aku nak buat 

Tutorial jquery tab menu accordion

let's start ! ^^

step one ~~
korang  Pergi dashbord-->Design-->Add a gadget-->Html javascript
2. Copy dan paste code bawah ini kat 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:#FAAFBA;
margin:1px;
}
.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">
Masukkan kod /text disini
</div>
<h5 class="msg_head">Tajuk 2</h5>
<div class="msg_body">
Masukkan kod/text disini
</div>
</div>


Title font colour : #ffffff
Background title box : #FAAFBA
Background accordion box : #FFFFFF

Colour oren tu untuk tajuk tab menu korang dan colour merah tu untuk korang masukkan text atau kod.


siap !!! 

Saturday, June 4

normal kea ?

bila time sekolah sebok nak cuti
bila dah cuti sebok nak sekolah pula (!)
normal kan ?
seorang pelajar merasakan mcm tuh ? =.='

Sunday, May 15

rimas lha !

kau ! dia !
asal aku nak
kaww pun nak !

asal aku ader bende tuh
kaww pun nak jugak !

kau tahu kaww nih penyebok !
bile org tego
mule lah
pok pek pok pek

ergghh
menyirap lha aku !!!!

Saturday, April 30

yeah yeah

aku tak sangka yang aku tak dapat masuk kawad kaki daerah ...
:(
tapi aku dapat masuk kawad kaki daerah gombak !!!!
yeah
tak ley yo !!!!
KRS number one yo !!!!

Friday, April 29

bubble cursor

hi.
dah lame tak buat tuto en ?
ah hari ni nak buat tuto pasal bubble cursor
tak tau ape bende tuh ?
tengok gambar bawah nie !

step one !!!!
korang dari dashboard >> design >> page elements >> add gadget + HTML/Javascript

korang copy code ni


<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#FAAFBE", "#FAAFBE", "#FAAFBE", "#FAAFBE", "#FAAFBE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // 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>

then kalau korang nak tukar warne bubble die korang gie sini
korang cari perkataan niy kat dalam code tadi
var colours=new Array("#FAAFBE", "#FAAFBE", "#FAAFBE", "#FAAFBE", "#FAAFBE"); 
letakkan code warne yg korang nak dalam kurungan

selamat mencuba !!! ^^

tukar background blog dengan background dari cherrybam

hallohaaaa
dah lama tak buat tuto eeen?
so hari ni tuto yg ke 1...2....3... eh entah la
jom start


<<<<STEP ONE >>>>

firstly korang gie kat >>>>>
www.cherrybam.com
then korang cari background dekat sini >>>>>>>>>>






korang select la mane2 background yg korang nak(klik kat gambar yg disukai)
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>








nanti akan keluar seperti ini>>>>>>>>>>>>>>>>>>










so korang tekan err mane mane then keluar mcm
ni >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

then korang scroll scroll scroll
akan jumpe 'part 2'
then korang copy code yg ade dalam kotak







<<<< STEP TWO >>>>
firstly korang dari dashboard >> design >> template designer >> advanced >> add CSS
then ader datu kotak ....
korang paste-kan code tuh dlm kotak tuh...

sebelum save preview dulu okay !!! ^^


p/s: add CSS >>>

Monday, April 25

phone baru !!! :D

yeay !!!!!
nanti papa bagi phone baru !!!!
phone ape agak2 nye ek?
boleh ah cite papa pun nak beli phone baru .
sony (xperia) la tuh !!!
jeles !!!!

Sunday, April 24

bila boring sudah melanda

19,20,21,22,23 and 24 april 2011 ....
gila gila bersama webcam :D













Sunday, April 17

kenangan yang tidak boleh dilupakan !!

hari tu buat latihana... (putera n puteri)
then kak ekin suruh duduk
die nak ckp sikit
kitorang tak perasan plak yang kadet putera nak buat latihan
padahal nak dekat balik dah
then diorang terpaksa buat balik semula...
kak ekin suruh kiteorang (kadet puteri) ckp "minta maaf kadet putera !!!"
then kadet putera plak balas "i love you kadet puteri !!!"
kadet puteri balas balik "i love you too !!!!"

hahha
tak ley lupaaaa

Saturday, April 16

alhamdullillah....
KRS SEMENTAS dpt no dua !!!!!!

thanks to abg musleh coz doakan yana....
thanks a lot
sebab beret tuh...
yana betol2 mintak maaf
tak sengaje hilangkan

tapi jgn risau
nanti yana gantikan kay?

Sunday, April 10

yeayy !!!! !!!! !!!!

yeay yeay yeay

dulu simpanan ,
sekarang bukan .

dulu ikut-ikut ,
sekarang bukan .

dulu tak pakai uniform ,
sekarang pakai uniform .

dulu berdebar-debar ,
sekarang LAGI berdebar-debar .

dulu formasi cool ,
sekarang formasi gempak ! .

dulu sorak ,
sekarang diam .

dulu putih (:p) ,
sekarang hitam .

dulu t-shirt ,
sekarang uniform .

tu je .

Saturday, April 9

keje dah bertimbunnn

folio lah
keje sekolah la
hias kelas la

cabaran dowh sekolah menengah niyhhh
kawad lagi
tapi yang paling best kawad lahh :DDD

Monday, March 28

kamen rider yang bodoh =.='



serious ....
gile sakai

all gaia memory henshin



kamen rider double
= = = = = =
cyclone , heat , luna , joker , metal , trigger , fang , extreme




kamen rider accel
= = = = =
accel , trial

Saturday, March 26

KRS number 1 !!!

Sabtu, 26.03.2011
lawan kawad kaki KRS

menang ohhhhhhhhhh
bahagianya ohhh

ilysdm phillip-kun !!!!!

the real name is : masaki suda
he so handsome boy !!!!
ilysm kame rider double !!!!

Wednesday, March 16

penat,letih,capek

huyoo !!!
gile penat ( X( )
hitam !!!! (walaupun memang hitam )
esok lagi la
tak de rehat
huwaaaaa
cobaaaan

Tuesday, March 15

best !

best gile mama dah balik ni !!!


baju baru , seluar baru , kasut baru , barang baru
yang paling best ialah....
jengjengjeng...


RAMBUT BARU !!!

Saturday, March 5

scrolling image

haaaaa haaaa haaaa
dah lame tak update tuto enn?
hari ni aku buat tuto baruuuu
jom start beybeh 


firstly,
korang dari dashboard -> design -> page elements -> add gadget + HTML/Javascript
then korang copy code nih n then paste kat dalam box yang besar punyaa !!!



<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a><a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a> 

</marquee>


p/s:
merah: korang nak buat gambar uhh berapa laju unn boleh
hijau: width dier nak berapa lebar
biru cair: height dier berapa nak panjang
biru: link yang korang nak bukak contoh: http://yana-diana.blogspot.com/
pink: url gambar yang korang nak scroll-kan ( kalau nak ambik kat photobucket, amik yang direct link )


kalau korang nak scroll banyak gambar, copy code nih


<a href="link untuk dibuka" target="_blank"><img src="url gambar"/></a>
sebelum save, preview lah dulu !!!

best kottt

hahaha
sekarang nie aku sorang2 kat umah...
so aku boleh bukak lagu beautiful-beast kuat kuat !!!!!!
nenek gie kenduri
mama jumpe kawan
aku..
main komputer lah !!!!!
best !!!
    YANG YO SEOB

pening !!!

mane cantik for my google chrome's background?



nie ker or nie ?


tapi yang nie lagi simple enn?


so nie lah my google chrome's background :DD