the Stuff Blog SarahSabrina

The Disclaimer

Assalamualaikum, welcome 6 Tokki Dokki(s) follow boleh ke blog sarah ni.. semoga blog khusus STUFF ini berguna ya.. . Thank you :)

Follow Dokki.. :)

Author

Stuff

Story

Cbox here!!

♦ URL blog wajib diisi
♦ Harsh words & Anon not allowed
♦ boleh request disini
♦ follow !!

"/>

Credits

This skin is made by : Sya Syaa'

Some helped from : Syarah

Some coding from : sembephz

Using basecode : Yesha Sya

All rights reserved ® Sya Syaa' 2011 - 2012

♦ Older Posts→

Blockquote kawaii (blogskin)

Kamis, 18 Oktober 2012

05.05 ♥ 0 Tokki Dokky(s)

piece!!!!

kawan skrng sya syaa' akan bwt Tutorial

"BLOCKQUOTE kawaii"

contohnya :

_________________________

click gambar untuk nampak lebih jelas

______________

(Sebelum disentuh cursor)

(sesudah disentuh cursor)

macam ittu., cantik kawaii lho!!!

mau tau caranya????

Chek It Out :

1. Dashboard (sudah terlogin) > Template

2. Tekan F3 or CTRL+F (serentak pada keyboard) cari kod :"

blockquote {

copy kod dibawah ni :"

background:url(URL BACKGROUND);
padding: 10px;
margin: 10px 0 10px 20px;
border-top: 1px solid #FBD5D5;
border-left: 20px solid #FBD5D5;
border-right: 20px solid #FBD5D5;
border-bottom: 1px solid #FBD5D5;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
}

Pastekan kod diatas, dibawah kod blockquote {

mengerti ???

kemudian >

tekan F3 or CTRL+F , lalu cari Kod ni :

blockquote:hover {

copy kod dibawah ni :

background:url(URL BACKGROUND sesudah di sentuh cursor);
padding: 10px;
margin: 10px 0 10px 20px;
border-top: 1px solid #FBD5D5;
border-left: 1px solid #FBD5D5;
border-right: 1px solid #FBD5D5;
border-bottom: 1px solid #FBD5D5;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
-webkit-transition: 1.5s;
}

pastekan kod diatas, dibawah kod blockquote:hover {

contoh jadi sperti ini :

blockquote {background:url(blabla.com);
padding: 10px;
margin: 10px 0 10px 20px;
border-top: 1px solid #FBD5D5;
border-left: 20px solid #FBD5D5;
border-right: 20px solid #FBD5D5;
border-bottom: 1px solid #FBD5D5;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
}
blockquote:hover {background:url(blabla.com);
padding: 10px;
margin: 10px 0 10px 20px;
border-top: 1px solid #FBD5D5;
border-left: 1px solid #FBD5D5;
border-right: 1px solid #FBD5D5;
border-bottom: 1px solid #FBD5D5;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
-webkit-transition: 1.5s;
}

4. kalau sudah, preview dulu, kalau gk EROR , save!!!

ket :

bcd : URL Background kawan, cari sini!!

bcd : warna kawan, ambil sini !!

selesai..

see you bye bye.. :"*

Label: Blockquote, tutorials

Dashboard and Follow cute (BlogSkin)

03.38 ♥ 1 Tokki Dokky(s)

Piece!!!

Heyy!! petang petang!!!

apa kabaw kawan???? sehat kan??? semoga sehat sehat aja ya.. :)

sya syaa akan bwt Tutorial

"DASHBOARD and FOLLOW"

namun ini diatas , contohnya ni :"

________________________________________

Click Gambar untuk nampak lebih jelas

____________________

sperti ituw kan?? cantik bukan???

mau tau caranya????

Chek It Out :

1. Dashboard (sudah terlogin) > Template

2. Tekan F3 or CTRL+F (serentak pada keyboard) cari kod :"

<html>

Copy kod dibawah ni:"

<div style='position: static; top:0px; right: 0px; width:100%; position:fixed; padding:3px; background:#dddddd; opacity:0.8; color:#ffffff; font-size:13px;text-align:left;'><center>Kata Kata kawan <a href="http://www.blogger.com/follow-blog.g?blogID=BLOGID">+Follow Me</a> | <a href="http://www.blogger.com/home">Dashboard</a></center></div>

pastekan kod diatas, dibawah kod <html>

3. stelah tu, Preview dulu, kalau tdk Eror, save!!!

ket :

ABC : warna Background

ABC : Kata kata kawan

ABC : Blog ID Kawan

untuk memilih warna, click sini!!!

See You Bye Bye.. :"*

Label: tutorials

rainbow sparkle cursor

Minggu, 23 September 2012

03.45 ♥ 0 Tokki Dokky(s)

Assalamualaikum and annyeonghaseyo. Just straight to d'point. Takde ide nak buat into. LOL. Okay. Hari ni Sarah nak share kat korg cara utk buat Rainbow Sparkle Cursor. Contohnyanya macam kat bwh ni

chek it out :

Template Designer / Denim / Washed Denim etc

1. Dashboard > Design > Add A Gadget > HTML Javascript

Template Classic / Blogskin

1. Dashboard > Template > Edit HTML

2. Press Ctrl + f serentak dan cari code </style>

3. Copy code dekat bawah ni

// <![CDATA[

var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"

var sparkles=50;

/****************************

* Tinkerbell Magic Sparkle *

* http://www.mf2fm.com/rv *

****************************/

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="2px";

rlef.style.left="0px";

rdow.style.top="0px";

rdow.style.left="2px";

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].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;

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 && starx[i]>0) {

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

tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;

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 && tinyx[i]>0) {

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() {

var sw_min=999999;

var sh_min=999999;

if (document.documentElement && document.documentElement.clientWidth) {

sw_min=document.documentElement.clientWidth;

sh_min=document.documentElement.clientHeight;

}

if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {

if (self.innerWidth<sw_min) sw_min=self.innerWidth;

if (self.innerHeight<sh_min) sh_min=self.innerHeight;

}

if (document.body.clientWidth) {

if (document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;

if (document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;

}

if (sw_min==999999 || sh_min==999999) {

sw_min=800;

sh_min=600;

}

swide=sw_min;

shigh=sh_min;

}

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

return (div);

}

function newColour() {

var c=new Array();

c[0]=255;

c[1]=Math.floor(Math.random()*256);

c[2]=Math.floor(Math.random()*(256-c[1]/2));

c.sort(function(){return (0.5 - Math.random());});

return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");

}

// ]]>

</script>

4. For Tempalate Designer korg paste dekat HTML Javascript. Then for Template classic paste di bawah code </style>

5. Preview & save

see you bye bye.. :*

Label: cursor, tutorials

Letak Copyright

03.43 ♥ 0 Tokki Dokky(s)

Assalamualaikum and annyeonghaseyo. Tuto untuk hari ni Sarah nak tunjukkan cara untuk lekat copyright di bawah post body. Lebih kurang macam footer la. Faham kan? Btw tuto ni hanya untuk pengguna Template Designer sahaja.

Contoh copyright Ada dua jenis. Korang pilih je mana satu

Copyright Gambar

1. Dashboard > Design > Page Element > Add Gadget > HTML/JavaScript

2. Copy code ni

<center><img src="URL GAMBAR"></img></center>

3. Kemudian, paste di ruangan HTML/JavaScript

4. Letak gadget tu dekat footer ye
5. Preview & save

Copyright Ayat
1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Tekan Ctrl + f serentak dan cari code </body>
3. Kemudian, copy code ni

<center>AYAT KAWAN</center>

4. Paste di atas code </body>
5. Preview & save

merah : URL gambar. Bole ambil dekat SINI
oren : Ayat kawan

Label: blogger, footer, tutorials

border blog ber-shadow

Sabtu, 22 September 2012

23.08 ♥ 0 Tokki Dokky(s)

Assalamualaikum and annyeonghaseyo . Grrr . Klau tak mmg tak terurus la blog ni .Confirm akan bersarang . Hehe . Ok la tuto kali ni sya syaa nk ajar mcm mana nk buat border blog yg ada shadow. Contoh mcm bwh ni .

Tuto ni hanya untuk pengguna Template Designer SAHAJA!

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

2.Tekan Ctrl + f serentak dan cari code .content-inner { ATAU #content-wrapper {

3.Copy code ni

-moz-border-radius: 35px;border-radius: 35px;-moz-box-shadow: 0 0 6px 6px #000000;-webkit-box-shadow: 0 0 6px 6px #000000;box-shadow: 0 0 6px 6px #000000;

4.Kemudian , pastekan di bawah code .content-inner { ATAU #content-wrapper { td

5.Preview & save

Note:

merah: warna shadow bole cari kt SINI

biru: ketebalan shadow

credit : Hafizah

Label: blogger, tutorials

simple navigate

23.04 ♥ 0 Tokki Dokky(s)

Assalamualaikum and annyeong. Smlm pupu ada tanya saraha macam mana nk buat navigation or navigate sendiri. So, hari ni tieqa akan tunjukkan caranya. Contoh navigate macam kat bawah ni ye. Tuto ni sesuai untuk pengguna template designer. Klau template classic sarah tak sure, sbb tak pernah cuba.

EntriesAboutLinkiesStuff

<span style="background-color: #c6deff; padding-bottom: 5px; display:inline-block; padding: 5px; text-align: center; margin:3px;"><a href="LINK" style=" color: white; text-decoration: none;">NAVIGATE</a></span>

1. Korg copy code dekat atas ni. Dan paste dekat HTML/JAVASCRIPT
2. Kalau korang nak letak navigate ni lebih dari satu. Korang kena double kan code tu.

orange: warna. bole cari dekat >SINI<
merah: letak je link apa-apa dekat situ untuk navigate
purple: letak navigate yang korang nak. contoh, enrty, about, linkies, stuff

credit : WanaSeoby

Label: blogger, tutorials

23.01 ♥ 0 Tokki Dokky(s)

Hello! kembali bersidang di blog stuff sya syaa . chewahh ~

nak belajar tuto lagi tak ?

kalau nak angkat tangan tinggi2 . heheh . kantoi tiak korang mucukk .

* gurau je makk ! heheh .

kali ni anak nak ajar letak copyright dalam blog . macam faz punye ni :

tanak ? alaa~ jom la makk ! heheh .

1. pegi Dashboard > Design > Edit html > Tick expand widget .

2. ctrl+C then cari code ni :

</body>

3. copy code bawah ni then paste ATAS code </body>

<center><font face='NAMA FONT KORANG'><font size='SAIZ FONT KORANG'><font color='#000000'>YOUR OWN COPYRIGHT</font></font></font></center>

NAMA FONT KORANG - tulis nama font yang korang suka .

(* pastikan korang download dulu font tu oke )

SAIZ FONT KORANG - letak saiz yang korang nak . faz guna saiz 6 .

#000000 - tu untuk warna tulisan . boleh tuka kat SINI

YOUR OWN COPYRIGHT - tulis ayat yang korang nak letak . pastikan tak terlalu panjang .

Siap dahh !

Label: blogger, footer, tutorials

agree or disagree button

22.32 ♥ 0 Tokki Dokky(s)

Tutorial : Agree or Disagree

Assalamualaikum and annyeonghaseyo. Hello. Blog dah berubah warna. . Back to my favo colour. of course la SOFT PINK and BLUE. Btw, please ignore lagu dekat dlm blog ni. Haha. Oke lah hari ni Sasya nak share dekat korang cara untuk letak "Agree or Disagree" dalam blog. Yang ini untuk template designer. Sebelum tu credit to Auni. Code ni dari dia.

contoh. Click untuk lebih besar

1. Dashboard > New Post > Edit HTML

2. Copy code dekat bawah dan paste di ruangan Edit HTML

<img src="Icon URL" /> Ayat korang <br>

<img src="Icon URL" /> Ayat korang <br><br></div>

<center><a class="pager" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML"><a href="URL AGREE">Agree </a></a> or <a class="pager" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML"><a href="URL DISAGREE">Disagree</a></a><br</center>

merah : URL gambar

oren : URL icon

biru : Tulis je apa-apa yang korang nak

hijau : URL page if diorg click agree. eg: url tutorial/ stuff

pink : URL page if diorg clcik disagree. eg: url blog

3. Preview & save

See You Bye Bye.. :*

Label: blogger, blogskin, tutorials

Effect Header transparent

21.38 ♥ 1 Tokki Dokky(s)

Assalamualaikum .. Frenzz

Selamat pagi ... Piece1!! (^_^) !!(y)

pagi pagi baru juga mata kejap dikit ke blog Rhin Biruu:

Banyak yang tanya di web Rhin Biruu'' (sama sama punya blog sayya) :D

nahh kan!! oke lah buat Cik Farah (massage di cbox) : untuk Buad Link hover bila disentuh akan ada effects.

chek it out,,

1. Dashboard > Design > Edit Html

2. Tekan Ctrl + F Dan cari kod di bawah ini :

a:hover

3. Then , lepas dah cari , copy kod kat bawah ni pulak ye .

color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;text-decoration:underline;

4. Paste kod yang dicopy ini di bawah kod a:hover

5. Jangan lupa untuk gantikan tulisan warna MERAH tu , dgn link image yang anda suka!

Kat bawah ni , ada beberapa contoh URL yang korang boleh guna ok ?:)

http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif

..........................................................loading rainbow................................................

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

............................................................Hujan pelangi...................................................

http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif

...................................................Macam Es Krim.........................................................

http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif

............................................Hujan Macam Donat.........................................................

6. HAHA , kalau dah jadi tuh , jangan keluar je terus , Cepat Bagitaw Sarah! ahaaha :)
see you bye bye..

Label: blogger, header, tutorials

Laman Blogger bergambar

19.14 ♥ 0 Tokki Dokky(s)

Assalamualaikum..

salam pagi,.. Piece (^_^)" (y)

Pagi ini Sarah bakal Buat Laman Dengan Gambar Gambar Imut'' dibawah HEADER.. (Tutorial BESAR BESARAN) :p

(Langkah Awal)

Sarah akan Buat Laman "About Me"

template > add a gadget > HTML/JavaScript

Nahh!! Fren tinggal COPAS (Copy Paste) Kode dibawah ni":

<div class="separator" style="clear: both; text-align: center;">
<a href="Link Laman About" target="_blank"><img border="0" height="87" src="Url Gambar About" width="200" /></a></div>
<br />

"___________________________________________________________"

Ket : -Warna ABC : itu fren tinggal masukan URL Gambar About Me!!
- Warna ABC : fREN masukan Link Laman About me tsb.

ngerti gak?? kalau gak.. huhh.. -_-" tak apalah.
maksudnya yang Hijau itu Fren masukan URL Laman ABOUT ME di Blog fren
contoh:
www.shaffatbicara.blogspot.com/p/about-me.html
diatas contoh nya Link Laman ABOUT me Fren.. :**
dan yang Oren itu masukan url gambar About me buatan fren..
contoh:
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic017demoji_17449173decoojp.gif

nah Ngerti kan???
gambar Laman tsb.. FREN bikin sendiri ya!!! hehe... di Photoshop or photoscape

(Langkah kedua dan seterusnya Tu) sama dengan diatas, Hanya saja dengan URL berbeda lalu digabungkan dalam satu GADGET!!!

Label: blogger, tutorials

Cursor Girls

03.20 ♥ 0 Tokki Dokky(s)

Haii Haii People!!!..
hahaa. selamat sore,, kali ini SARAH buat FREEBIES + CURSOR (2 stuff) haha...
okee langsung ajaa..

TEMPEL CURSOR DI BLOG (Langkah First)

Caranya :
- Dashboard > Tata Letak > Add a Gadget > EditHTML/ Java Script
COPY CODE DI BAWAH :

<style type="text/css">body, a:hover {cursor: url(URL CURSOR FRIENDS), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/heart-chat-bubble.html" target="_blank" title="Heart Chat Bubble"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Heart Chat Bubble" style="position:absolute; top: 0px; right: 0px;" /></a>

Hahaa.... sudah
okee lanjutt..

CURSOR GIRLS (Langkah second)

(ini asli creditt aku..)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdn81SC4hvRY6tmBlwuMJjcLCi6WOCI7zeK380_lbpMYUtul0Td56HDEn0yYSo1yRwAos51fYtAn9ZEj_MLzrSlvOepKko8oW_61dscOrtk89pDt_OfitBtwBkkXU4XsgiDtWCjLJnKc4/s1600/cursor+BlackGirl.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAWHm3kIIEuhnzGUI8TG-3rT-8KfiDN-PFYSQCN2wjSLeXqtNv1uWkTOG2E92UyZfbD6U7gUT09UKELM9U_qCbsd6GwlWfkJO5Qzls8oBjs_NfJEwTa-ki8NJwM2Q4ySf2mqKusLDxEHc/s1600/Cursor+BlueGirl.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuq85iFiaIorGMUJwftQXimxV0FGy9luSqHckBwC6jc0yFNKN-_OdLu8wZVa0s3p6Z77P1AnUENEJoA58Elc1ky63faPkxFYCr5B-ecsm6HhEyNfvyG1unQHPwB-s92jQeDvJs5IgYZVQ/s1600/cursor+volleyGirl.png

Okee cukupp sekian yahh!! daddah!!! oh iya kalau mau ngambil comentarr Lohh!!
see you bye bye

Label: cursor, freebies, tutorials