Kisah Hidup Domestic Engineer

♥ Yan | Yana | Angah.
♥ Turns older every Jan 10.
♥ Nomad.
♥ Suka makan.
♥ My family is my priority.
♥ Happily married with a great man ♥.
♥ Having a kawaii and clever daughter ♥.
♥ Once a programmer. Now a mom and a domestic engineer. Enjoying my day as a domestic engineer.

Rules?
1. Just hover, Ctrl+C to copy the link and put it on your affilliates

2. Delete me? Then I'll delete yours. Deal?^^

They're awesome!^^

My Sis Nazihah Lettha Una Qayyum Najee Akma Mastura Amal Nufatiamia Yasmin Dhia Kyunna Rina Nabila Zafirah Hidayah AmalLyaa KR Maisarah Ieqa Eyra Next?

? Le' Stuffies

Take all cupcakes you need :)

How to copy codes, highlight the codes and Ctrl + C. I have disable right click. Don't ask me again why you can't copy my codes. Do not copy my tutors without credits. No Plagiarism please! Or I'll shoot you just like Haibara Ai did! >:) Thanks for your visit :')

? Software Downloads

Download Amazing Softwares

Photoshop CS5

Link One

Adobe Illustrator CS5

Link One || Link two

Photoscape

Link One

Paint tool SAI

Link One || Link Two || Link Three

Gimp

Link One

Windows 7 Logon Background Changer

See tutorial first

«

[Tutorial] Blockquote #4

Assalamualaikum :) Preview;

I am programmer and I have no life. Lol~

Codes;
blockquote{ padding:10px; display:block; font:11px arial; color:#ccc; letter-spacing:1px; border-radius:10px; border:2px solid #FFE2E2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-position:0% 0%; background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif); background-repeat:no-repeat; background-size:0px; } blockquote:hover{ background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif); background-repeat:no-repeat; background-position:100% 100%; background-size:80px; color:#777; }

Labels: blockquote, tutorial

[Tutorial] Blockquote #3

Assalamualaikum :) Preview;

I am a programmer and I have no life. Lol~

Codes:
blockquote { background:#ddd; -webkit-transition-duration: 1s; padding: 12px; margin: 2px 2px; color: #ffffff; border:2px solid #bbb; -webkit-border-radius: 10px; -moz-border-radius: 10px; } blockquote:hover { background:url(http://i374.photobucket.com/albums/oo182/nlby/backgrounds/boxpink.gif); color: #000000; -webkit-transition: 1s; border:2px solid lightpink; box-shadow:0px 0px 8px #ffd5d5; -webkit-border-radius: 40px 16px; -moz-border-radius: 40px 16px; }

Labels: blockquote, tutorial

[Tutorial] Blockquote #2

Assalamualaikum :) Preview;

I am a programmer and I have no life. Lol~

Codes;
blockquote{ background:#fff; padding:10px; color:#808080; border-top:3px solid #ffd5d5; border-bottom:0px solid #FF8D8D; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } blockquote:hover{ border-top:0px solid #ffd5d5; border-bottom:3px solid #FF8D8D; }

Labels: blockquote, tutorial

[Tutorial] Blockquote #1

Assalamualaikum :)
Preview;

I am programmer and I have no life. Lol.

Codes:

blockquote{ background:#fff; padding:10px; color:#808080; border-top:5px groove #FFD7D7; border-bottom:5px groove #FFD7D7; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } blockquote:hover{ border-top:5px groove #FF9999; border-bottom:5px groove #FF9999; }

Labels: blockquote, tutorial

Facebook Like Button On Every Entry \Blogskin Vr/

Assalamualaikum :)
Someone ask me for this codes. This is only for blogskin users. Kalau yang guna template designer tu, boleh tengok tutor kat >sini< Sila ikut step di bawah ye? :)
1. Dashboard > Template.
2. Ctrl+F or F3 to search this code.

<$BlogItemBody$>

3. Now, dah jumpa. Code tadi tu ada dua kan? Then copy code kat bawah nie, and paste lepas <$BlogItemBody$>. Paste kat dua-dua code tu tau.

<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>

#Note : Kalau nak button tu muncul kat bawah entry, letak code iframe tu lepas code <$BlogItemBody$>. Tapi kalau nak button tu muncul sebelum entry, letak sebelum coded <$BlogItemBody$>.
Contoh selepas entry :

<$BlogItemBody$> <iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>

Contoh sebelum entry:

<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe><$BlogItemBody$>

4. Preview dulu. Dah okay, baru save! :)

Labels: facebook, like button, tutorial

[Tutorial] Daftar Churp Churp

#first time buat smoke tu jadi rainbow. mwehehe :D#
Okay, hari nie saya nak ajar korang cara nak daftar ChurpChurp. Korang mesti tertanya-tanya apa fungsi ChurpChurp nie sebenarnya. Fungsinya adalah untuk menambah duit poket korang. Heho. Paham? Da paham bagus. Kita teruskan dengan sesi pembelajaran kita kali ini ye?^^
1. Korang mestilah ada account ChurpChurp dulu. Kalau takde acano nak dapat duit en? So, click kat sini > ChurpChurp < untuk daftar ye? :)
2. Then Sign in With Facebook/Twitter > Login > Allow.

3. Authorize With Facebook > Submit > Authorize With Twitter (kalau ade) kalau takde > Skip.

4. Setup ChurpChurp account korang dengan detail dan tepat! Lepas tu tekan UPDATE!

5. Then pegi kat bahagian Setting > Isi Profile dengan betul *Nama, alamat, num fon* #penting untuk hantar cheque!# > Save.
6. Then korang boleh pilih kempen mana yang korang nak letak kat blog korang nanti^^
Lots of Love,Yana♥

Labels: cara, churp churp, daftar, how to, tutorial

[Tutorial] Link Hover Shadow Effect

Request dari Lylla, she ask me cemana yana buat link jadi macam ada shadow tu. Okay, this is just a simple tuto. Blogskin users or any template from blogger.com users boleh guna. Just follow this step!^^ #Warning hard (amaran keras)! Just menjadi dalam Google Crome sahaja. Harap maklum :)
1. Blogger.com > Dashboard > Template > Edit HTML
2. Ctrl + F, search for this code :

a:hover {

3. Dah jumpa? Kat bawah tu ada code yang korang dah edit sebelum nie kan? Korang replace code tu dengan code nie :

color: transparent;text-shadow: 10px 0px 1px #888;-webkit-transition: .5s;-moz-transition: .5s;}

So, code korang akan jadi macam nie :

a:hover {color: transparent;text-shadow: 10px 0px 1px #888;-webkit-transition: .5s;-moz-transition: .5s;}

#yang merah tu korang boleh pilih warna yang korang suka kat SINI#yang purple tu korang boleh tukar. yang tu untuk shadow effect nanti. Kalau taknak tukar pun takpe^^
4. Then Save Template. Siap!^^
Lots of Love,Yana♥

Labels: blogskin, hover, link, tutorial

[Tutorial] Hidden YouTube Player

Morning! Alhamdulillah masih diberi kesempatan untuk beribadah lagi hari ini. Well, hari nie dah 31/12/2011. The last day for this year. Macam2 yang dah jadi tahun nie. Suka duka semua ada. Tapi alhamdulillah, semua tu jadikan yana untuk jadi seorang yang tabah dan kuat. InsyaAllah :)

Anyway, tuto nie request dari Scha. Sory dear, lambat buat tuto nie :/ #Amaran keras! This tuto is only for blogskin users. So, let's begin! :3
1. Blogger.com > Dashboard > Template
2. Ctrl + F, search for this code :

</style>

update : for denim template or other template from blogger.com, cari code nie : ]]></b:skin>
3. Copy code kat bawah nie, then paste SEBELUM code tadi tu :

.music {

padding:15px;border-bottom-right-radius:10px;background:white;}#ytube {text-align: center;position:fixed;left:10px;top:-55px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}#ytube:hover {top:-10px;}#pict {height:35px;background:#fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;width: 50px;align:center;}

#yang biru tu boleh diubah mengikut keselesaan dan kesesuaian masing-masing. Mwehehe :3
4. Then cari code </body> dan paste code bawah nie SEBELUM code </body>

<div id="ytube">
<div class="music">PASTE YOUTUBE EMBED CODE HERE</div><div id="pict"><br><img src="IMG URL"></div>

update : Paste code step nie dalam HTML/JavaScript box.
#Yang merah tu boleh letak image yang comel2. Macam yana letak kat atas tu. Boleh ke SINI untuk image yang omeyy :D or copy je url kat bawah nie kalau nak senang ^_^

http://dl4.glitter-graphics.net/pub/994/994264zaow639gzm.gif

http://dl2.glitter-graphics.net/pub/122/122842r9l2jjtjaf.gif

http://dl5.glitter-graphics.net/pub/220/220645u9r9sjvsfp.gif

http://dl6.glitter-graphics.net/pub/137/137456a7yi159cti.gif

5. Save! Dah siap :D
Kalau tak paham pape tanya la. Thanks for coming. Assalamualaikum^^

Lots of Love,

Yana♥

Labels: blogskin, classic template, tutorial, youtube

[Tutorial] Customize Scroll Bar II

Request dari asa, dia tanya cemana yana buat scroll bar tu jadi camtu, ade black solid line kat belakang tu. Actually yana tak reti nak explain cemana. But, nak senang cite, ikut step macam kat bawah nie :
1. Blogger.com > Dashboard > Template
2. Ctrl + F search code :

::-webkit-scrollbar {

3. Kat bawah2 tu kan ade anak2 dia. Then lastly ada code }. Letak code kat bawah nie SELEPAS code } tadi tu :

::-webkit-scrollbar-track-piece  {background-color: #000;border: 5px solid #fff;}

#yang biru tu boleh tukar ikut warna yang korang nak#yang merah tu korang boleh adjust ikut size scrollbar-thumb korang tu. Contoh kalau size scrollbar-thumb korang 11px, korang letak la 5px kalau nak dia jadi seimbang kiri kanan untuk border dia tu. Err, paham tak? Adeih -.-
4. Dah selesai semua, save la template korang tu.

p/s : Korang try and error la. Yana pun tak reti sangat nak explain nie. Huhu. Btw, selamat mencuba!^^ Tak paham pape tanya je la. InsyaAllah yana tolong :)

Lots of Love,Yana♥

Labels: blogskin, classic template, scrollbar, tutorial

Highlight Hover

Dah lama tak update. Busy sangat sejak2 masuk sem 2 nie. Kelas mula awal pagi, habis pulak petang. Penattt -.- Hari nie baru lapang sikit sebab kelas petang batal. Hoho! :D Btw, this tuto asked from Rina, so lets begin! :)
1. Dashboard > Edit HTML
2. Ctrl + F, search for this code

a:hover {

3. Copy this code and paste AFTER a:hover {

background-color:#000000;
color:#ffffff;

#yang merah tu boleh tukar warna ikut warna yang korang suka :)
4. Save :)
Lots of Love,Yana♥

Labels: highlight, hover, tutorial

Update Status

Direquest dari IntanSuraya. SO, tanpa membuang masa meh kita mula^^
1. Dashboard > Template #for blogskin users
2. tekan F3, search for this code :

<head>

3. Copy and paste code nie AFTER/SELEPAS code <head> tadi :

<div style=" position:absolute; top:20px; right:10px; width:200px;"><center style="text-align: right; color: #FFA8C1;">Update Box</center><div style="Background-image:url(IMG URL); repeat; padding: 10px; border:2px solid #FFA8C1; filter:alpha(opacity=1.5); border-radius:10px;"><center><marquee>YOUR TEXT</marquee></center></div><div style=" position:absolute; top:50px; left:20px;"></div></div>

#yang merah tu korang boleh ubah kedudukan dia. Adjust lah bagi lawa :)#yang purple tu boleh ubah color untuk ayat korang tu#yang biru, korang boleh tukar dengan ayat korang#yang hijau untuk background box tu
4. Save Template
**Kalau untuk blogger.com users, code kat atas tu just copy and paste dalam HTML/JavaScript box :)
Lots of Love,Yana♥

Labels: blogskin, box, classic template, tutorial, update

[Tutorial] Header Hover Like Me

This tuto request from shi_a. Korang try letak cursor kat header yana. Hilangkan? Heee. Magic tak? Magic tak? XD So, meh sini yana nak ajar macam mana nak buat ^_^
1. Dashboard > Template > Edit HTML
2. Ctrl + F, search for this code : 

#header {

Kat bawah dia ada anak2 dia kan? Tapi lastly dia ada penutup dia simbol } kan?
3. Jumpa? Copy this code and paste BAWAH atau BELOW \bahasa omputihnya/ code } tadi.

#header:hover {padding-left:160px;-webkit-transition: .4s;opacity:.01;}

#yang merah tu korang boleh ubah ikut suka korang macam mana. Save! Hikhok. Tu je. Kboiii :D
##untuk pengguna blogskin :
1. Kalau korang punya header menggunakan code nie :

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

Korang tukar code tu dengan code nie :

<center><img class="header" src="URL HEADER" /></center>

2. Then, korang Ctrl + F, search for this code :

<style type="text/css">

3. Pastekan code nie, kat BAWAH code <style type="text/css"> tu :

.header {text-align: center;-webkit-transition: 1s;opacity:100;}.header:hover {padding-left:160px;-webkit-transition: .4s;opacity:.01;}

#yang purple tu letak image header korang.#yang merah boleh uabh ikut suka korang. Then save template. Siap!^^
Lots of LoveYana♥

Labels: blogskin, classic template, domo, header, hover, tutorial

[Tutorial] Back To Top Button

ototototo tomeyyyy >,<
Tuto nie request dari Zyra. Hoo. Tengah takde bende nak buat nie meh yana buat tuto. Tuto nie senang je. Okayy. Lets begin!

1. Dashboard > Template
2. Ctrl + F, search for this code :

</head>

3. Copy code kat bawah nie, and paste BEFORE code </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type='text/javascript' language='Javascript'>var scrolltotop={//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="URL IMG"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corneranchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" linksstate: {isvisible:false, shouldvisible:false},scrollup:function(){if (!this.cssfixedsupport) //if control is positioned using JavaScriptthis.$control.css({opacity:0}) //hide control immediately after clicking itvar dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string existsdest=jQuery('#'+dest).offset().topelsedest=0this.$body.animate({scrollTop: dest}, this.setting.scrollduration);},keepfixed:function(){var $window=jQuery(window)var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetxvar controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsetythis.$control.css({left:controlx+'px', top:controly+'px'})},togglecontrol:function(){var scrolltop=jQuery(window).scrollTop()if (!this.cssfixedsupport)this.keepfixed()this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : falseif (this.state.shouldvisible && !this.state.isvisible){this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])this.state.isvisible=true}else if (this.state.shouldvisible==false && this.state.isvisible){this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])this.state.isvisible=false}},init:function(){jQuery(document).ready(function($){var mainobj=scrolltotopvar iebrws=document.allmainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards modemainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>').css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}).attr({title:'Take Me Higher'}).click(function(){mainobj.scrollup(); return false}).appendTo('body')if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any textmainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing textmainobj.togglecontrol()$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){mainobj.scrollup()return false})$(window).bind('scroll resize', function(e){mainobj.togglecontrol()})})}}scrolltotop.init()</script>

#yang merah tu korang boleh letak image yg korang nak utk button back to top.

#yang purple tu korang boleh tukar ayat korang sendiri.

4. Save. Siap!^^

update :

Kalau nak buat Top Button macam yana, yang ada kat entry saje nie korang boleh ikut step nie :

1. Dashboard > Template

2. Ctrl + F, search for this code :

</OlderPosts> ATAU <NewerPosts>

3. Dah jumpa? Copy code nie and paste antara dua code tu \kalau nak letak kat tengah2 older and newer post tu/

<a href="javascript:scroll(0,0)">Top</a>

#yang merah tu boleh tukar kalau nak.

Thats all. Kboiii :D

Lots of Love,

Yana♥

Labels: back to top, blogskin, button, rilakkuma, tutorial

[Tutorial] Change Shoutmix Labels

#nak jugak pegi Paris macam Domo >,<
Bukak Shoutmix tadi, ramai pulak yang tanya macam2 kat yana dalam tu.

Nak buat macam tu senang je. Korang pegi Login shoutmix korang, then kat Setting tu, korang pegi pulak kat link Labels. Macam nie :

Nanti dia keluar macam nie, korang tukar je lah labels dia tu :)

Then, Save Setting. Siaplah. :D
Lots of Love,Yana♥

Labels: domo, label, shoutmix, tutorial

[Tutorial] Transparent Youtube Autoplay Song

Ntah pape je tajuk macam tu. Heee. Tapi korang paham kan ape maksudnya? Okayyy. Jom kita mulakan. :DMula2 tu mestilah ada lagu pilihan hati korang dari youtube kan? Then, ikut step kat bawah nie :
1. Dashboard > Template
2. Dah? Copy code kat bawah nie, then paste kat tempat yang korang nak dia wujud :D

<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/EPARpzlgZ6M?autoplay=1&amp;color1=0xffffff&color2=0xffffff"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/EPARpzlgZ6M?autoplay=1&amp;color1=0xffffff&color2=0xffffff" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object> 

#yang dah bold tu, korang boleh tukar width dan height dia macam yang korang suka. Yang autoplay tu, lagu akan automatik dimainkan bila bukak blog korang nie. Kalau taknak dimainkan secara auto, tukar kepada fs.
#yang merah tu boleh tukar dengan url lagu korang tu.


3. Then save. Siap!^^

p/s : kalau untuk template dari blogspot, macam simple template ke, denim ke, korang boleh paste code tu dalam HTML/JavaScript box :)

Labels: autoplay, domo, song, transparent, tutorial, youtube

[Tutorial] Floating Image

Hari nie yana nak buat tuto. Haha! Mood agak okay. Nak cakap happy, tak. Nak cakap sedih pun tak. Biasa jahh :D



Ulat ye? Heee. Semut lah sayang. Hoho. Takpe2. Meh sini yana ajar ye :D
1. Dashboard > Template > Edit HTML \for blogger template/1. Dashboard > Template \for blogskin template/
2. Ctrl + F, search for this code :

<head>

3. Copy code nie and paste DI BAWAH code <head> tadi :

<div id="img" style="position: fixed; right: 5px; top: 20px;"><img src="http://i374.photobucket.com/albums/oo182/nlby/ant.gif" /></div>

#yang merah tu korang boleh ubah kalau nak tukar kedudukan dia :)
4. Save. Siap! Mudah saja kann? :D

p/s : actually tuto nie boleh je guna untuk buat image yang terapung tu. tak semestinya untuk semut comel nie je. dan kpd sesapa yang terkena tu sorry lah yee? :D

Update :
Kalau tak jadi, korang paste je code tadi tu ke dalam HTML/JavaScript box. Untuk pengguna template dari blogger.com only ye? :)

Lots of Love,Yana♥

Labels: anigif, blogskin, tutorial

[Tutorial] Icon Comel Sebelah Post Title

#my honey bunch, wonnie oppa X)♥
Ade orang tanya yana camane nak letak icon kat tepi post title tu. Meh sini nak ajar. Tuto nie simple je. :)
1. Dashboard > Template
2. Ctrl + F, search for this code :

<$BlogItemTitle$>

3. Dah jumpa? Copy code kat bawah nie, dan paste SEBELUM code tadi :

<img src ="URL IMG"/>

So, nanti akan jadi macam nie :

<img src ="URL IMG"/><$BlogItemTitle$>

4. Save. Siap! :D

p/s : kalau code <$BlogItemTitle$> korang tu ada dua, paste je code <img src ="URL IMG"/> kat sebelum dua2 code tu :)

Labels: blogskin, tutorial

[Tutorial] Bling Bling Header

Tadi try buat header bling bling. Then post kat BBB. Lepas tu pun dorang mintak buatkan tuto. Disebabkan yana nie baik \cehh/ yana pun buatlah. Hehe. Tapi tuto nie panjang sikit tau. Sebab nak kena buat beberapa kali baru jadi :3
Lets begin! :D
1. Of course lah korang kena bukak photoshop dulu. Yana guna photoshop cs5. Kalau sesapa yang takde tu, boleh download kat sini :)
2. Dah bukak, tekan Ctrl + N || File > New. Nanti dia keluar macam kotak kat bawah nie :


#yang Width dgn Height tu korang boleh tukar berdasarkan body blog korang. Pastikan background tu Transparent ye? :)
3. Dah keluar layer tu, korang tulis lah macam biasa.



4. Lepas tu, korang bukak satu lagi tab, untuk image dia. Ctrl + O untuk dapatkan gambar. :)


Then Ctrl + A > dia akan select semua gambar tu, Ctrl + C copy gambar tu.
5. Balik semula kepada Text korang tadi, Ctrl + V, pastekan gambar tadi. Tapi sekarang dah timbul saru masalah yang mana tulisan korang tu dah hilang. Kan? So, buat macam nie :


#yang layer tulisan tu ade kat bawah kan? Korang move naik ke atas. Then dia akan jadi macam nie :


#Tulisan tu dah nampak balik kan? :)
6. Korang tekan kat layer text tu. Then dekat bahagian tools, korang select kat Magic Wand Tool || W.


#then korang select kat tulisan korang tu. \paham tak setakat nie?/
7. Dah habis select, korang select pulak kat layer background tu.


#Ctrl + Shift + X > dia select bahagian background yang luar pada tulisan tu.#Ctrl + X > dia hilangkan background yang kat luar tu.#then korang unselect layer text \yang ada mata tu, tekan kat situ/ <-- paham tak? macam berbelit je ayat --'
8. Then, korang nampak tak kat atas tu yana ada tunjuk arrow ke fx? Kalau korang nak gambar tu jadi lagi menarik, tekan kat situ :)


Tengok kat tempat yang yana tick tu.#Bevel and Emboss > nak buatkan gambar tu jadi 3D atau tak.#Stroke > nak dapatkan line kat luar gambar tu.
Then, Save as PNG :3

Hasilnya :


Heyyy. Na pegi mana tu? Tak habis lagi kira belajar nie ye murid2. Disebabkan kita nak buat gambar tu jadi bling bling, proses nie tak habis lagi ye? Hoho. Tengok lagi kat bawah2 nie haaa. XD
9. Korang back balik sampai ke step 5. Ctrl + Shift + Z untuk back. :)



2. Dah bukak? Korang pegi ke document file korang, kat tempat yang korang save gambar2 tadi tu. Dah? Select gambar tu. Lepas tu drag ke photoshop. Macam nie :


#Click gambar tu, dan tarik masuk ke photoshop. Nanti dia akan jadi macam nie pulak :


3. Then korang tekan kat button atas tu, yang perkataan Windows. Then dia kelua list, pilih Animation.


Dia akan keluar satu kotak panjang kat bawah image tu.

4. Korang unselect semua layer tu, kecuali layer yang bawah sekali.




5. Then, Ctrl + Alt + Shift + S, Save gambar tadi.


#Kalau nak guna gambar tu sebagai header, macam biasalah. Upload ke photobucket dulu. Then amek url dia. Siap!^^
Nie hasil kraftangan yana. Luls! :D




Dekat dua jam jugak nak buat tuto nie pun. Haha! Adeh! Penat ouh. So, please. Jangan copy tuto yana tanpa kebenaran ye? :) Sakit leher yana tau buat nie T-T \muka mintak simpati/ XD

Btw, good luck you all! >_<

Lots of Love,Yana♥

Labels: bbb, cs5, cute, header, photoshop, tutorial