! ✿LYSSA FAIZUREEN✿ !: December 2010

31 December 2010

Tahun Baru , Azam Baru !

~Assalamualaikum ~

Salam Untuk Sayang Sekalian ;) Nak masuk Tahun Baru dah ni .! From 2010 to 2011 ! Wahh .! Banyak GILA kenangan time 2010 le !
PAHIT .! MANIS ! KELAT ! TAWAQ ! MASIN ! MASAM! PAYAU !
Semua Ada yunk ! huhuk ! ;)
Korunk pon , mseti cam tuh jugak kan .? ngee~
Oke.. Oke . Sempena Tahun Baru niyh . Lyssa Ada azamnya oke ? :))

Nak Tahu ker ? ^_^

Macam malu pulak nak bgtaw korunk ! hahaLyssa List kan okeng ? :* TAHUN 2011 ini :

Lyssa nak jadi lebih baik dari sebelum niyh ;)
Lyssa nak tebus balik kesalahan Lyssa kat sapew2 yang Lyssa ada sakitkan ati dorg.
Lyssa nak janji pada diri Lyssa , yang Lyssa akan belajar sungguh2 untuk dapat kan 4 Flat!
Lyssa nak bahagia dengan husband Lyssa.
Lyssa tak nak marah2 husband Lyssa lagi.
Lyssa nak berubah menjadi manusia yang berguna.
Lyssa akan KURANGKAN ONLINE :) Jgn tanya kenapa ?! :*
Lyssa tak nak marah-marah abah , mama , adik lagi !
Lyssa nak jadi baik , sebaik-baik umat ! haha . boleh ker? :)
Lyssa nak jadi seorang PENDIAM !! :p
Lyssa nak STUDY jerr !
Lyssa nak tgk BUKU 24 JAM :)
Lyssa nak bagi mama , abah , HAPPY !
Lyssa nak jadi seorang yang rajin .
Lyssa tak nak gadoh2 dah ngan husband Lyssa tuh ;)
Lyssa nak idop happy jeerr ;)
Lyssa tak nak mengadap FB and BLOG lama2 ! Sehari , 5 minit ! ;)
Lyssa nak siapkan semua NOTE , and WORK Lyssa ;)
Lyssa nak jadi student yang CEMERLANG
And Lastly , Lyssa hope , semua yang DISENARAIKAN at atas , menjadi lah ! ;)

Amiinnnnn~ :)

hahahahahaha ^_^

Banyakkan .? Jangan Terbeliak plak mata tuh k .?!

Thnxx Sebab Read Lyssa Punya Azam ! :*

Tutorial : About Me

Salam 1 Malaysia :)

Wahhh ~

HAHA ^^

Eh , hee , Lyssa ada satu tuto request dari Adik Kecil ni , Syarifah Atiqah :)

Dia tanya , macam mana nak buad ini ?

Oke , kepada NEW bloggers , or sesape yang tk tahu lagi ,

meh sini , Cik Lyssa maw ajar kan :)

Korunk cari dulu pic mana yang korunk nak . Lyssa kasi contoh , Lyssa amik pic kat fb :)

2. Then , lepas click , korunk buad kat bawah , macam ini ;) . Then , right click , view image ^^

Kalau korang punya facebook keluar background hitam , korang tekan F5 untuk bg tekan view image.

3. Lepas tuh , hasil nya , akan kluar cm niyh :)

   4. Then , korunk copy link yang Lyssa tunjukkan at atas tuh k .?

   5. Eh , Lyssa ? Nak paste kat mana plak .? hee . Sabar yunkk .:)

   6. Then , Dashbord > Design > Page Element > Add Gadget > Html/JavaScript

   7. Kat bahagian atas , korunk perasan tak , ada Edit HTML / Rich Text ??

   8. Korunk CLICK Edit Html , paste link yang tadi , ok ? :)

       * Kalau tak de pun , korang tekan EDIT HTML .. dan BUKAN RICH TEXT taw ?

   9. Then , korunk buad cm niyh ;)

CONTOH :

<center><img src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs1189.snc4/154158_180103432016612_100000508706476_573355_7805816_n.jpg"/><center>

10. Lepas paste LINK tadi , korunk tambahkan , yang warna merah Lyssa tunjukkan ats ni ;)

TAMBAHAN : Ok , kalau pic korang tuh besar sangat . Lepas korang tambah kan warna merah tuh , korang terus tekan RICH TEXT . Then , dia akan keluar gambar yang korang letak . Then , korang KLIK pada gambar itu , then resize bagi size yang bersesuaian ok ? :)

**Tambahan tu , untuk pengguna Mozilla FireFox.. Kalau nak resize , korang mesti guna Mozilla , ok ? Tak boleh guna GOOGLE CHROME untuk TUTO ini .Thnx.

11. Dah siap , korunk tulis lah pasal korunk at bawah pic tuh k .? :)

12. Save . Selesai ^_^

p/s : Kepada sesiapa yang ingin masukkan gambar melalui laptop , dan bukan melalui FACEBOOK , korang boleh upload korang nyer image dekat sini , taw ? >>> http://imgur.com/

** Lepas upload , korang copy , link yg tulis (Direct Link )

Then , ikot step 9 ! ^_^

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

30 December 2010

'PEACE CONTEST' by EZAN IDMA

Salam korunk~

Lyssa jalan2 kat EZAN IDMA punyer blog tdy .

hehehe .

Saja nak try plak contest niyh ;)

Xtually , dh lama nk msok , saja nak tggu akhir2 bulan .~

huhuhu ;)

Korunk nak join .? click SINI key .? :)

Ini Banner nyer ! ;)

Dak chomeyy sedang buadd PEACE ;)

ngee ;)
Korunk Nak join jgk kan .?
Follow owner niyh k ? :)

Sini , Sini , Lyssa maw letak pic Lyssa yang HODOH buad peace ^_^

huk3!! burokk ah ! MALU >.< weee~
Eh . eh . Lyssa maw tag pada :
Cik PuteriCik ZanaCik Hanie
*Join taw korunk ! ^_^*
Tarikh tutup pade 01 january 2011 okey. :)

29 December 2010

Contest Teka Amount

Salam Semua :)

Contest ini dianjurkan dr Ms. Jie Da

Kalau korunk nak join jgk , CLICK SINI :)

Ini Banner Contest niy :)

Amount :RM 676.62
^_^
Hope betol lah . huhuh :*

Kontest Blog Paling Kawaii

Hello sygg sekalian !

HAHA .

Sedang berblogwalking . Lyssa trjmpa SATU contest.

From Cik Syamira

Follow dia dulu k .?

Nak join jgk en .?

Click SINI .

haha .Kat sini plak , Lyssa maw TAG kan pada :
Cik PuteriCik ZanaCik NabilaCik Fie
*Join !! Jgn tak Join :)

28 December 2010

Contest : Edit Photo Battle

Wahh . Masa Lyssa berblogwalking , 3 Hari lepas kot ! haha .Lyssa terlihat SATU Contest niyh .! Contest apew .? "Contest : Edit Photo Battle"!

Wahh !mengancam ! haha . Tertarikk tgk dia punya tajuk entry uh ! :)

Apa lagi Lyssa , tunjukkan bakat mu ! haha ;)

Korunk nak join gak ker .? cepat , klik SINI ! huhu ~Kalau boleh , korunk follow lah Empayar Bintang Tiga nih taw!
Ini dia , pic yang Lyssa nak pertaruhkan ! hahaLyssa tak de lah reti edit cgt!~ ;)
BEFORE

AFTER

Okie . Kat sini , Lyssa mahu Tag pada :
Cik NabilaCik ZanaCik PuteriCik Hanna

tarikh tutup :

25 JANUARI 2011

pemenang akan diumukan pada
25 FEBRUARI 2011

So , Cepat2 korunk join , okiess .? HAHA!*Hadiah Misteri , menanti anda! ^_^

"Contest Muslimah Anggun 2"

Heyy , korunk ! wahh . Contest Terbaikk niyh .! :)
Tringin pulak rasa nyer , nak masok contest cm nyh ! wahh !
Nak cuba naseb le ;)

If Korunk nak join jgk , korunk click SINI k?
And make sure , korunk Follow CeritaSiGadis dulu taw! ;)

Syarat & Terma :

Muslimah
Follow blog Cerita Si Gadis
Add blog Carita Si Gadis dlm blog list korg * supaya korg alert tau*
Letak Banner dlm entri shj, sidebar x perlu ye
Tag at least 3 persons, makesure diorg tau ye
Sekeping gambar Muslimah yg sopan ye. [PENTING]
Free to wear any kinds of hijab
And sertakan satu ayat yang menggambarkan diri anda [PENTING]
Leave link anda di tempat komen okey :)
Warganegara. :)

Contest bermula : 26th Dec - 30th Dec 2010

Prize : Shawl + accesorries + suprise gift

TAMAT : 30th DEC on 10.00 am

So , korunk cepat2 join oke! :)

Kat sini , Lyssa nak pertaruhkan , Pic Yang kt Bawah niyh . huduss jerp en !

Tapi , Tak kira, nk masuk jgk contest niyh ^_^

"Seindah Hiasan Adalah Wanita Solehah"

And kat cini jgk , Lyssa maw TAG pada :

Cik Zana

Cik Puteri

Cik Nabila

Done :)

Pertandingan Template Tercantik by Gayahspears

Haiyaa.. Contest Lagi ke Cik Kak Lyssa!

hahahaa~

Tahu nak join je keje jer ! haha ^_^

Contest aper tuh ?

huhuhu~

"Pertandingan Template Tercantik by Gayahspears"

Cantik ke pon , Template Lyssa ?
Cam hape jerk ! huhu ~

Nak tahu syarat-syaratnya ? ;)

1. Wajib menjadi pengikut gayahspears(dot)com
2. Copy banner beserta isi entry ni dalam blog korang dan jangan lupa buat sidebar.
3. Tajuk entry korang mestilah Pertandingan Template Tercantik by Gayahspears
4. Tag kepada 3 kenalan blogger
5. Copy dan paste link entri korang kat entri ni ya…
6. Kontest tamat pada 26 Januari 2011.

Oke , if korunk nk join , klik SINI k:)

Kat sini , Lyssa maw TAG pada :

Cik Puteri

Cik Hani

Cik Nabila

-DONE-

27 December 2010

Liku - Liku Kehidupan

............................................................

26 December 2010

Contest Blogger Doll..

Olla Olli kuberi nama cikebung cikebung....

meoww meoww...

sdg cbuk2 lissa berblog, lissa terbace satu entry sal contest ni..

lissa nak join! lissa nak join!

so, lissa decide nak letak gmbar yg ni...

malu-malu!!!

wakluuu .! HAHA . okies tk , Monkey at atas neyy .

Hope boleh diterima lah yer , sbg doll !

HAHa . cbb Lyssa tk de doll yg comel2 :)

Kat bawah niyh ,ada ha , kawan2 dia, boleh teman kan dia! huhu

hehehe~~ ;)

okeyh~

siapa-siapa yg nak join contest ni, click kat SINI

tapi before nak join contest ni kena lah FOLLOW blog MISS FAIRYTALE...

Lyssa nak tag dekat...

1. Cik Zana

2. Cik Nyna

3. Cik Tasya

4. Cik Puteri

5. Cik Puteri Rabiatul Adawiyah

DONE~

25 December 2010

Tutorial : Shadow Effect Dekat Post Title And Sidebar

Olla !

Today , Lyssa nak buad satu tuto niyh :)

Ada requst dari sorg budak comel ^^

Dia tnya , macam mana nk buad bayang kat post title ! =)

Oke , mari sini , Lyssa ajar kn !~

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

2. Untuk buat shadow for post title , korang tekan CTRL+F and cari code ni.

h3.post-title {

*Kalau korunk tak jmpa kod at atas niyh ,try cari kod yang ini pulak ;)

.post h3 {

3. Lepas tu, korang copy code dekat bawah ni , paste dekat bawah code atas ni.

text-shadow: 2px 2px 3px #FFFFFF;

Bagi sapew yg nak buad shadow effect kt sidebar plak ,,korunk cari code ini :

h2 {

5. copy and paste code shadow yang Lyssa bagi dekat bawah code atas ni ok.

6. yang warna merah tu, code gambar . yang tu warna putih . kalau korang nak
tukar warna , tekan link yang hana bagi ni >TEKAN< ]

7. Preview and kalau jadi sila lah save okeh .

*Kredit to , Hana :)

24 December 2010

'Lucky Blogger Contest by Hahazirah'

Hehe .

Yuhuuu.!

Sedang Lyssa berBlogWalking tadi .Tttba jer Lyssa ternmpak contest niyh!

Wahh !

Contest niyh ,sgt simple weyyhh !

So , Lyssa nak jgk masuk !~;)

Ini Banner nyer! ;)

Jom lah kawan2 . j0in contest niyh !~
Menarik en !:)
huhuhhu ;)

Contest ini akan berlangsung selama seminggu dari tarikh contest ini dibuka iaitu 24 Disember 2010, mungkin tarikh tutup akan berubah mengikut keadaan.

If korunk nak masok , korunk follow dulu Cik Hahazirah oke?:)

Kat sini , Lyssa maw tag pada :

Cik Nabila :)
Cik Zana :)
Cik Puteri :)

Tutorial : Cute Icon Tepi Post Title

Hyee .

Lamanyer rasa tak buad tuto..

huhuhuh~

Okie2 . skunk niyh , Lyssa nak tunjuk and teach korunk , cm ner nak letak cute icon kat tepi post title.

CONTOH :

1. macam biasa Dashboard-Design-Edit HTML-Tick Expand Widget Template .

2. lepas tu , tekan CTRL+F cari code ni .

<a expr:href='data:post.url'><data:post.title/></a>

3. bila korunk dah jumpa , copy code ni , <img src="LinkGambar"/> dan paste di antara code kat atas ni . contoh tengok kat bawah ni .

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

*Warna merah tuh , korunk gantikan dengan korunk punya icon url yang comel ;)

6. Preview dulu

7. Save template! :)

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Kat bawah niyh , Lyssa ada bg contoh url . If suka , ambik je, Lyssa tak kesah ! :D

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

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

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

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

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

22 December 2010

Pertandingan Blog Paling Superb !

Yes !

Ada SATU pertandingan nyh !

"Pertandingan Blog Paling Superb !"

hahaha..

Cam BEST jer .

Tp , blog Lyssa , tak superb cgt lol yunk ! :)

hee~

Thnx Adik Pu3 , cbb tlg Tag kan , at sys!

Ini Banner Pertandingan ney ^_^

Okie , kat sini , Lyssa bgtawu , dia nyer syarat k ? :)

Terbuka kepada Malaysian Blogger yang tinggal di Malaysia only . Kalau korang tinggal kat luar negara, payah nak post hadiah .
Kena follow blog Aisyah dan Izzah dulu . Kalau tak nak follow pun takpe tapi make sure korang salu update ngan blog kitaorang okeyy ?
Mesti ada blog . Kalau takda blog, takdalah contest dan hadiah . :)
Buat satu entry bertajuk Pertandingan Blog Paling Superb ! Copy entry dan banner ini .
Tinggalkan URL blog, emel & nama korang di blog aisyah sahaja . Click tab Contest. Kalau korang nampak Pertandingan Blog Paling Superb !, click and then tinggalkan URL blog, emel dan nama penuh di ruangan komen .
Hadiah Misteri menanti anda !
Had penyertaan : 200 blogger yang awal mendaftar saja boleh ikut .
Hanya 3 blogger sahaja dipilih !
Kalau ada apa2 perubahan akan diberitahu nanti .
Tag kengkawan anda juga ! Tag lah seramai mana yang korang nak . Tak nak tag pun tak pe .

TARIKH TUTUP PENYERTAAN : 21 FEBRUARY 2011, 11.59 malam

okeng !

Tata sini , nk tag pada :

Miss Zana

Miss Hanna

Miss Nabila

Korunk join lah yer! ^_^

Woot ! Budak ! Bangun !

Haiyakkk .!

Budak2 Sekalian..

Yang sedang berada di atas katil ku itu !!

Bangun lah weyhh ~

Adoyy..

Susah sgt maw bgon neyh pon .! hee ;)

Korunk neyy , tido mati ker ,ape ha ?

hahahahaha~

Apa lah , anak dara ney , suda maw tghari , bru nak bgon ker?

wott~wott~

Semalam , korunk kata nak jogging !

HAHAHA..

Korunk tuh , jogging atasa katil ker ? HAHA!

Aper arhh . adesss.~

Buad penat jer aku bgun awai2 neyy ha .

Tngokk tuh ! Dok tdoq lagiii ~

Luku pale korunk sowg2 , bru taw!!

p/s : Pada budak yang bernama Mia Dolloxious & Nynna Dollixious , BANGON..!!!!!

..:: JOM MAIN SUDOKU CONTEST BY LUFFY::..

Wah...wah..!!

Ada Sudoku Contest lah !!

Nak Masokk ! Nak Masok ! ;)

wee ^_^

Korunk nak masok jgk ? Jom !

Click SINI ;)

Di situ , ada sertakan skali syarat2 nya ;)

Tarikh tutup : 25 DEC 2010

Kat sini ,Lyssa mawu tag , pada

Miss Hanna

Miss Zana

Masokk ! jgn tak masokk ! ;)

21 December 2010

Tutorial : Letak Ayat Di Bawah Setiap Post

Heyy yunk !

Skunk ney pulak , Lyssa nak kongsi ngn korunk ,

macam mana Lyssa Letak Ayat Kat Bawah Setiap Post :)

Request from : Miss Puteri

Macam Kat Bawah ney :

Oke ,ikut step niyh ;)

1. Log in > Dashboard > Design > Edit Html

2. Tick Expand Widget Template

3. Korunk Tekan Ctrl + F dan cari kod ini <data:post.body/>

4. Kalo sudah jumpa , korunk copy kod kat bawah ni , and paste di bawah kod <data:post.body/> td :)

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

5. Preview dulu oke :)

6. If dh jadi , SAVE k ^_^

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Moving Word Cursor

Hey korunk !

Lyssa saje nak letak tuto niyh .

Saje mawu share ngan korunk ler! ;)

Tuto ini , Lyssa amek dari Miss Amy k :)

Korunk ikut je ,step niyh ^_^

1. Log in > Dashborad > Design > Add Gadget > Html

2. Then , korunk copy and paste kod kat bawah niyh taw! :)

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'JOKERMAN';
color: TEXT COLOR;
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 = "TEXT HERE";
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>

* JOKERMAN = if nak font lain , cari kat microsoft korunk lah k ?:)
* TEXT COLOR = korunk boleh cari di sini ;)
* TEXT HERE = Your Own Text ;)

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Cara nak ambil Image URL

Salam yaww!

Hey , Lyssa maw share somethink.

Cm ner nak dapat kan Image URL

Tuto ini , request from Miss Ila

Oke , Let's Start the tutorial ! huhu !

Cara Nak Ambil Image URL dekat Google

Contoh :

1. Korunk Click Pic Yang korunk nak k ??

2. Tekan Right Click kat gambar tuh!

3. And then , ambik view image :)

4. Copy URL kat Anak Panah tuh !

5. Then , dari situ , korunk boleh dapat kan IMAGE URL korunk :)

Cara Nak Ambil Image URL dekat Photobucket

1. Search pic yang korunk nak oke?

2.Click kat pic yang korunk nak tuh .

3.Then , sebelah kanan , ada kotak macam kat bawah ney ha :)

4. Korunk Copy la link yang Lyssa buadkan kotak tuh auh ?

5. So , itu lah , image URL ;)

Cara nak Ambil URL dekat Glitter-Graphics

1. Korunk masuk SINI dulu.

2. Korunk pilih ah ,pic mana yang korunk nak k .?

3.Dah pilih ,korunk tgk kat bhagian bwah k .? ada tak code mcm niyh .?

4. Kalau ada , korunk amik lah code URL dia , yang Lyssa buad kan kotak warna BIRU tuh ? ada kan .?

5. So, ini lah URL korunk !:)

6. Tapi, kalau klik kat citu , mesti dia automatik ,akan terCLICK smua ryte ? So , korunk p bukak NOTEPAD , then , paste kat situ dulu yaww ? ^_^

7. Then , copy ler yang Lyssa buad kotak warna BIRU uh keyh? ;)

Selamat Mencuba ! ^_^

To My Followers :)

Assalamualaikum...

Lyssa di sini ! ^_^

Eh , tadi , Lyssa check kat komen , ramai tak thu nak copy kod tuh eh ?

Oke!

Lyssa ajar kan niyh :)

1st , korunk highlight dulu kod tuh,,

then , korunk tgk kat keybord korunk .

Ada CTRL tak ??

Ada kan ??

So , korunk tekan CTRL+C (Serentak)

Maksud Lyssa korunk tekan CTRL dgn C serentak oke ?

Then , korunk boleh dah copy kod tuh ^_^

Chill~

Sabar2~

Jgn marah2! :)

^_^v (peace)!

Tutorial : Hide Shoutbox

Salam ..

Mari kita mulakan tutorial seterusnya ;)

Bagi new bloggers , korunk msty tertanya2 , mcm mana Lyssa boleh hide shoutbox Lyssa kan ?

Pastu ,siap ada pic kat tepi uh ;)

Nak Lyssa ajarkan ?

Cara nyer , senang jer !

Cam neyy..

1. Dashboard > Design > Add Gadget > Html

2. Korunk copy code kat bawah niyh dulu....

<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL PIC YANG KORUNK SUKA') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>

3. Lepas tuh , dh copy , paste kat Html tuh oke?

4. Yang Warna MERAH tuh , korunk g la cari pic mana2 yang ada tulis shoutbox k ?

5. Then , masukkan kat dlm kurungan tuh :) Nak cari kar Photobucket pon boleh jer ;)

6. Bg yang warna BIRU , korunk boleh tulis size tuh , mngikut kesesuaian ;)

7.Save . Beres :)

Kat Sini ! Lyssa ada bagi beberapa contoh image untuk Shoutbox ! Korang nak ? Ambik-Ambik ! jgn malu!

http://i.imgur.com/OUTeg.png

http://i.imgur.com/IDCVW.png

http://i.imgur.com/jrMSv.png

http://i.imgur.com/jVMmK.png

http://i.imgur.com/fIquP.png

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Sparkling Cursor

Helow...heloww...heloww !

Sapa kat sana yang nk buad sparkling cursor ??

Eh , apa benda SPARKLING CURSOR ?

hehe . cuba korunk gerak kan cursor Lyssa nyh.

ada benda itam jatuh2 tak ? HAHA!

Itu lah dia. nak blaja tak ??

Cepat!Cepat!:)

First , macam biasa lah .

Dashboard > Design > Add Gadget > Html

Then , korunk copy kod kat bawah niyh , and paste kan at gadget tuh k? :)

<script type='text/javascript'>

</script>

<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {

tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

*Yang warna MERAH tuh , korunk boleh tukarkan dgn warna yg korunk suka oke ?

Lyssa pilih kaler hitam ^_^

Kalo tak nak tukar pon tak pe ;)

Oke. Save. Siap :D

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Link Warna Pelangi

Salam ukhuwah :)

heyy , korunk tahu tak , mcam mn nak buad link korunk warna cm pelangi?

Tak tahu kan ? Tak tahu kan ?

Mari Sini Lyssa ajar =)

Ikut Step di bawah :

1. Dashboard > Design > Add Gadget > Html

2. Then , korunk copy and paste kod dekat bawah nih k ?

<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">/*********************************************** * Script edited by Ynn at http://fwzynn.blogspot.com/* Please keep this notice intact***********************************************/ </script>

3. Then , save !
4. Check , jadi ke , tak ? :)

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Buat Ayat Bergerak

Salam.

And Selamat Pagi.
Wah , pagi2 buta cam niyh pun , Lyssa rajin lagi plak nak buad tutorial at korunk en?
HAHA!

Kali ni plak , Lyssa nak teach , mcm mana nak bagi ayat korunk tuh bergerak ;)

Mawu tahu caranya ??
Begini....
1. Log in > Dashboard > Design > Page Element > Html

2. Then , korunk copy and paste kod kat bawah niyh

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" /><marquee style="background-color:FFDDFF; border: 1px solid DDBBDD; color:000000; font-family:verdana; font-size:9pt; width:700px; height:50px; " direction="left" behavior="scroll" scrollamount="5" >TEXT KORUNK</marquee>

*Yang Lyssa highlight warna kuning tu , korunk boleh tukar width and heigt mngikut kesesuaian.
*Yang Lyssa highlight warna purple tuh plak , Kalo nak ubah direction ,
korunk boleh ubah macam ni...

+ right

+ up

+ down

+ alternate
*Warna Merah plak , korunk buad ayat korunk sendiri ok?

Then, save :)
Cuba try view blog korunk , Jadi tak ? :)

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Buat Ayat-Ayat Berkelip-Kelip

Hey , dear ;)

Eh , eh ,

Apa itu ayat kelip-kelip ??

Tgk kat bawah ney ,ha !

"Kelip-Kelip"

haa , itu ! nampak tak , yang sedang berkelip tuh?

Itu lah dia! :)
Ayat berkelip ;)

Nak tahu , cam ner nak buad ?

1. Korunk copy code yang kat bawah niyh ;)

<blink> Ayat yang nak dikelipkan </blink>

* Ayat yang nak dikelipkan > Gantikan dengan ayat korunk sendiri =)

*SAVE . siap ;)

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Centerkan Tajuk Post dan Sidebar

heloow...!

Kopi ke milo ??

hahahahhaa..!!

Lyssa sudah gila! :)

hee~

abaikan ! ^_^

Skunk , Lyssa nak ajar plak , cam ner, nak Centerkan Post Title dan Sidebar=)

Cam niyh , yunk ! :)

1. Log in > Dashboard > Design > Edit html

2. Then , tekan ctrl + F and korunk cari kod ni

Untuk sidebar

h2 {

Untuk Post Title

h3.post-title {

@atau

h4 {

3. Copy kod kat bawah nih ;)

text-align:center;

4. Then , paste kat bawah kod yang korang cari tadi.
5. Jgn lupa save plak auhh ;) =siap=

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Hilangkan Tarikh Kat Atas Post Title

Sayang kuu .!

hahaha.!

Eh , Lyssa , mcm mana tuh , kmoo hilangkan Tarikh kat atas tuh ?

hee~

Nak thu ye ?

Caranye, senang, simple , and mudah saje :)

1.Dashboard > Design > Page Element

2.Dekat bahagian post tuh , korunk tekan edit auh ??

Nanti , dia akan keluar macam niyh ;)

3. Pastuh , kat anak panah tuh , korunk "Untick" tawu ?!

4. Then , lepas 'Untick , korunk tros save.

5.And lastly , try view bleg korunk!

Comfirm jadi ! haha ;)

Senang en ? =)

Tutorial : HOME icon untuk blog

Hey...

Salam~

Today , Lyssa nak share ngan korunk , mcm mana nak letak HOME icon yang comel dekat blog korunk?

Wahh , korunk nak tahu tak ,mcm mana cara nyer ? ahak2! ;))

Meh lah sini , Lyssa ajar kan ! ^_^

1. Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k.

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; bottom:10px; left:-12px;'>

<a class='linkopacity' href='LINK BLOG KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="URL HOME ICON" /></a><br />

*p/s : Korang bleh jgk , kalo nak ubah

width="50" height="50" ikot ke sesesuaian blog korunk k.

Law korunk nak letak kat bahagian atas korunk tukar kod yang berwarna pink tu k

bottom:10px; left:-12px;'>

Bottom tuka ke top
Left tka ke right

*sory , Lyssa tak dapat letak Lyssa nyer contoh HOME kat sini , cbb Lyssa dah ada Navigation tu. so , Lyssa juz nak share je lah ;)

Dekat sini , Lyssa ada serta kan , beberapa link code icon ;)

If berminat , copy je yang kat bawah niyh , oke? :)

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

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

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

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

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

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

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

20 December 2010

Tutorial : Letak Icon Cute Sebelah Comment

Haiii semua .

Srkg ni pulak , Lyssa nak teach korunk , mcm mana nak letak icon yang kiut miut kat sebelah comment !

Nak tgk tak contoh nyer ?

Mari sini ;)

Nampak tak tu ?

hee!

Sini..Sini..

Nak Ajar :)

Bagi pengguna layout

1. Dashboard>Layout/template blogger/design>Edit HTML.

2. Then , klik pada Expand Widget Templates..tekan CTRL+F pada keyboard dan copy paste code di bawah ini ke ruangan find

<span class='post-comment-link'>

Bagi penguna template

Dashboard > Template

kemudian klik pada Expand Widget Templates..tekan CTRL+F pada keyboard dan copy paste code di bawah ini ke ruangan find

<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>

3. Ok lepas korunk dah jumpa code yang korunk cari tu...korang copy lak code nie k..

Bagi pengguna layout

<img src="LinkGambar"/>

4. Lepas tu korang paste kat sebelah code yang korang dah cari tadi..

CONTOH

Bagi penguna template blogger and layout

<span class='post-comment-link'><img src="LinkGambar"/>

Bagi pengguna template

<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><img src="LinkGambar"/>

Oke , if dah siap , korunk preveiw dulu..
If dah jadi , terus save oke ? :)

*p/s : Cute Icon , korunk boleh dapatkan di SINI ! :)

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Facebook Like Button

Heyy yunk ! skunk niyh.. Lyssa mawu ajar korunk , cam ne , nak buad Facebook Like Button !

Nak tahu macam mana ?

Ikut Step kat bawah niyh k .? :*

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

data:post.body

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

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

4. preview dulu jadi ke tak . kalau jadi, then save jela . da siap .

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Disable Right Click

Holla yunk !

Hey..hey...

Lyssa di sini sebab nak ajar korunk buad "Disable Right Click" .

Maksud nyer tuh , bila korunk tekan Right Click , tak kan boleha punyer..

Mana thu kan , kot2 ler , ada "COPY CAT" kt sini ke enn . haha

oke oke . sini , Lyssa ajarinn ! :)

1. Dashboard >Design>Add a Page element >html/javascript
2. Copy code kat bawah nie :

<script language=JavaScript>

</script>

*Yang Lyssa Color kan dengan warna merah tuh , korunk tukar dengan ayat korunk sendiri ehh ? :)

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Membuat scroll box

Hiii dear ,

Semua nya lah !!!

Korang tahu tak , macam mana nak buat scroll blox ni .?

Tahu ke , apa itu scroll box ?

Ok , tak tahu yer ? Contoh nyer , macam kat bawah ni lah :

Tengok yang warna merah Lyssa kotan kan itu . itu lah .. bila korang ke bawah .. ada lagii isi-isi nya..

Nak tahu , macam mana nak buat ?

Ikot tutorial di bawah yer ;)

Tutorial untuk membuat scroll box adalah seperti berikut..

1. Dari dashboard > Design > Add a gadget > HTML/javascript
(Jika anda sudah letakkan widget hanya buka HTML/javascript widget yang anda telah letak di blog)

2. Kemudian masukkan/ubah kod widget seperti berikut.

<div style="width:426px;height:100px;overflow:auto; ">

Isi - isi kadungan yang korang nak letakkan

</div>

Note :
width: ubah mengikut lebar yang anda kehendaki
height: ubah mengikut tinggi yang anda kehendaki

3. Apabila selesai, save dan lihat hasilnya..

Senang bukan..:)

** Kalau korang tak paham jugakk .. boleh KLIK SINI !!!

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Favicon

Helow sygg sekalian !

Wahh. skrg ni , Lyssa nak buad tutorial favicon pulak .

Korunk tahu ker , aper dia yang Lyssa kata "FAVICON" tuh?

ahaaa .

Cuba korunk tgk kat bahagian atas , kat menu bar Blog Lyssa!

huhuhu . itu lah , ada lolipop kaler pink !

Itu dinamakan FAVICON.

Kalau nk , tgk contoh kat bawah niyh ha ;)
Ada anak panah merah kat citu ;)

Nak thu ker, cm ner nak buadnyer.

Ikut langkah di bawah :)

1. Dashboard=>Design=>Edit HTML=>Tick expand widget template .

2. tekan CTRL+F , search code dekat bawah ni ok :)

</head>

3. dah jumpa dah ? ok good . then copy code kat bawah ni .

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>

<link href='URL gambar' rel='icon' type='image/x-icon'/>

paste kan dekat atas code </head> tu ok :)

4. lepas tu preview , kalau jadi save jela terus :)

*Letak URL gambar dekat Warna Merah ! :)

Tak tahu nak caru URL gambar mcm mana ? LIHAT SINI !!

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Tutorial : Post Title Background

Salam ,

Hari ini ,Lyssa nak ajar korunk buad "Background Post Title"

haha. nak blaja tak ? okie! Lyssa ajarkan oke?

Kat bawah niyh , Lyssa ada kasi contoh gambar background tuh:)

Oke, nak blaja kan ?

Meh cini :)

Log in --> Design --> Edit Html
(Tekan Ctrl+F) Search .post h3 { kalau tak de , cari ini h3.post-title {
Kalau tak jadi kod dua2 yg kat atas niyh... korang boleh paste kod di bawah ini kat bawah h4 }
Copy and paste code ni di bawah .post h3 { ataupun dibawah h4 }

    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;

    }

4. Bagi sesiapa yang mencari kod ini >> h3.post-title {

Korang paste kod ini di bawah kod yang korang carikan tu ok ?:)

border: 3px solid #C0C0C0;
background: url(URL BACKGROUND);

Yang Lyssa tulis tulisan warna merah tu en , korunk gantikan dengan URL background yang korang suka.

4. Preview dulu . !
5. Then,Save template! :)

**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

Santai Bersama Ben Ashaari

31 December 2010

30 December 2010

29 December 2010

28 December 2010

27 December 2010

26 December 2010

25 December 2010

24 December 2010

22 December 2010

Okie , kat sini , Lyssa bgtawu , dia nyer syarat k ? :)

21 December 2010

20 December 2010