Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Friday, January 7, 2011

Tutorial - Background Sidebar Title

Hyeeppp peeps samat hari sabtu,,wargh hari ni cuti mesti adew yg g berjimbe jimbe nie an,,norule hanya duk dirumah uhh wet ilek lak acamner nak jln2,,eahh adew pesta coklat an an tp norule da lupe kat mana mid valley kot,,ingat nak pegi tp tak au nak g ngn sape uhh,,adew sesape tak nak teman norule jum jum weehaaa,,

Okay hari nie norule nak wat tuto lagi,,ingat tak tuto norule yg sebelom nie pasal border kotak sidebar Title tu , apa tak ingat hish namo kawan r hehe,,okay lau tak ingat korg bulih klik link disitu yer,,hari nie norule nak wat kesinambungannya pulak,,da wat kotak mesti mo pakaian dengan baju un,,hehe,,hari nie norule nak ajar how to apply background dlm kotak  sidebar title,,

sila kelik kelik gambar untuk tumbesaran yang sehat okay untuk melihat dengan lebih jelas apew itu Background Sidebar Title

ini adalah untuk pengguna Old Template mcm norule
Lets start peeps
Like usual korg kenelah pegi
Dashboard >> Design >> Edit Html >> tick Expand Widget Template (make sure korg backup dulu template korg dengan menekan Download Full Template)
Kendian,,tekan Ctrl+f (serentak) dan cari coding .
sidebar h2 {
after that scroll kebawah sikit then cari coding
 color: $sidebarTitleTextColor;
then pastekan coding nie dekat bawah coding color: $sidebarTitleTextColor;
border: 3px solid #F21370;
background:url(‘URL BACKGROUND');
sebelum korg save pastikan korg preview dulu da puas ati baru korg save okay,,
ini contoh coding,,nak lihat lebih jelas sila picit untuk membesarkan gambar

ini pula untuk pengguna Template Designer sama juga first

Dashboard >> Design >> Edit Html >> tick Expand Widget Template (make sure korg backup dulu template korg dengan menekan Download Full Template)
Kendian,,tekan Ctrl+f (serentak) dan cari coding
/* Headings
after that scroll kebawah sikit then cari coding
color:$sidebarcolor;
then pastekan coding nie dekat bawah coding color:$sidebarcolor;
border: 3px solid #F21370;
background:url(‘URL BACKGROUND');
same gak macam old template korg preview dulu lau ade ase puas ati barulah korg save okay,,
macam mana nak dapatkan url korg boleh upload gambar korg tu kat PHOTOBUCKET then amek url direct link okay,,
kalo jadi gtau lah norule lau tak jadi un gtau lah norule yer,,hehe

 s e h i n g g a b e r j u m p a l a g i
LOT OLOVE
Photobucket

Thursday, January 6, 2011

Tutorial - Border kotak Sidebar Title

hyeeppp peeps,,hari nie norule nak wat tutorial pasal kotak kat sidebar,, cik lukisanhayati request kat norule petang tadi,,yart nie die tuto die,,ikot betol2 tau namo gelojoh okay,,and make sure ko backup dulu tau nok,,huhu,,apa mende tu Border kotak Sidebar Title?? pelik jep nama die,,hehe actually norule un tak tau nak terangkan nama die mcm mana takpe2 tuk senangkan korg norule tunjuk kat gambar ajewlah yer hehehe,,



sila kelik kelik gambar untuk tumbesaran yang sehat okay untuk melihat dengan lebih jelas apew itu Border kotak Sidebar Title


lets start peeps
like usual korg kenelah pergi
design >> edit HTML
cari coding h2 { (quick search Ctrl + f serentak)
kendian korg copy coding nie kat bawah sekali dekat h2{

kalo nak border atau kotak seperti norule coding die
border:3px solid #000000;

-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;

border berbentuk seperti D
border:3px solid #000000;

-moz-border-radius: 0 50px 50px 0;
border-radius: 0 50px 50px 0;

ada dua pilihan korg bole pilih mana-mana jep,,ikot kata kau yer,,da pilih pastikan korg paste kat bawah sekali pada bahagian h2{ contoh di macam nie

sila besarkan gambar untuk PEMBESARAN okay,,(ini adalah coding belog norule)

selamat mencuba yer sume,,let me know kalo takpat buat yer,,

Ctrl + C (untuk copy)

s e h i n g g a b e r j u m p a l a g i
LOT OF LOVE
Photobucket

Tuesday, January 4, 2011

Tutorial - Tulisan Background


Hyep sume selamat tahun baru,,alamak da terlambat ker nak wish nak wat acamner line berukband lembap uhh tuan belog takpat nak online selalu takpat na update entry,,rindu tau dengan baby blog ini huhu,,
Hari ni tuan belog nak wat tutorial macam mana nak buat tulisan yg mcm kat header tuan belog tu cepat2 larikan mata korg kat atas,,cute tak header tuan belog,,cepat angguk pale lelaju lau tak babap muntot kang hehe,,adew someone kat formspring  tanya kat tuan belog macam mana tuan belog wat tulisan kat header tu,,tuan belog hanya menggunakan adobe photoshop sajew,,tuan belog hanya pandai menggunakan photoshop cs3 ajew,,cs5 tuan belog tak pandai lg lah,,adew sesape nak ajar tak,,weee;p,,



Okay let’s start bebeh,, first step like usual kiter kenelah buka adobe photoshop


NAME
Korg letaklah nama apew yg korg nak,,lau tknk abaikan ajew okay!!

PRESET
Kamu kenelah pilih custom

WIDTH
Ikut berapa besar korg nak tade effect pun okay,,it’s depend kat korg lah
HEIGHT
Ikutlah kepada hati kamu! Haha. Ikutlah kelebaran yg korg nak tau,,

RESOLUTION
Tuan belog menggunakan resolution 72,,then pilih pixels/inch okay,,

BACKGROUND CONTENTS
Korg boleh pilih white atau transparent okay,,ikot kepada hati korg tau,,hehe
Last sekali korg tekan butang okay,,


Step kedua
Pergi dekat tool bar then amek Horizontal Type Tool (T)
Then tulislah apew yg korg nak tulis ikutlah suka korg nak tulis apew



Step Ketiga
Open file background yg korg nak letakkan kat tulisan tadi,, Ctrl + o (shortcut utk buka file)
Kemudian pilih background yg nak digunakan  dan tekan open(pastikan ianya berformat jpeg),,


Step keempat
Pergi dekat toolbar then amek Magic Wand Tool (W)


Kendian pergi dekat tulisan tadi then click kat dalam tu mcm gambar kat bawah ni yer ,,


untuk click byk2 tekan Shift then click kat dalam tulisan tu hasilnya seperti gambar kat bawah nie yer adik2,,


Step Kelima
Buka background yg korg da pilih tu mcm biasa kiter drag background tu letak dekat atas tulisan tadi yer,,hasilnya seperti gambar dibawah yer adik-adik,,



Then pergi kat Move Tool dan drag tulisan tadi keluar,,


Right click pilih Deselect
Pergi kat tool bar then amek Eraser Tool (E) (untuk padam background yang tidak digunakan)
Kendian drag masuk kedalam tulisan tadi

Step keenam
Pergi dekat layer  ctrl + ini, ctrl + Layer 1 kemudiaan right click then pilih Group into New Smart Object


Taraaa siapppp!!

Ehhh belom siap lagilah Tok ejaan belog dan saya pula ulang step kedua sampai enam yer adik-adik..hasil dia akan jadi seperti dibawah nie,,,ea da buat tu jgn pula lupa save yer adik2 save as jpeg atau un png ataun gif yer adik-adik depends kat adik-adik lah..then da siapp..senang bukan..


Fuhhh Penat juga nak wat tuto nie,,ingat senang rupanya payah gak nie,,first time nie tuan belog wat tuto,,alamak lau adew tak paham tuan belog nak minta maaf sesangat tau,,kalo adew ase2 tak paham lagi gtau lah tuan belog yer,,korg bole comment kat bawah nie lau adew ase tak faham tak un leyh Tanya kat formspring tuan belog juga,,twitter un adew juga,,hehehe

teeet teeet : lau adew nak tanya atau request tuto leyh r tanya kat formspring atau twitter tuan belog yer,,lau kat shout kekadang tuan belog tak perasan lah,,


s e h i n g g a b e r j u m p a l a g i
LOT OLOV 
Photobucket

Wednesday, December 22, 2010

Mari Belajar Buat Ribbon


Pekabar warga blog adew ase sihat tak harini? Apa tak sihat demam kene flu alolo cian nye,,tuan belog un sama lorh adew ase tak sihat juga nie,,uhuk uhuk nak batuk gedik sikit bulih ea,,,hehe,,uit2 sebenarnye harini tuan belog bukan nak cite pasal batuk segala harini tuan belog nak kongsi cara nak wat pin reben,,tetibe dapat idea nak wat masa tgok kain lebih my lil sis,,kredit to NeKo for de tutorial,, skg nie reben2 nie tgh femes un so tuan belog try r wat reben sendiri saje nak tgok kebolehan diri sendiri agaga,,okay stop it membebel yer feruz,,

lets start peepsPhotobucket
Photobucket bahan2 yg diperlukan ialah
Photobucket kain (panjang dan jenis fabric depends kat korg nak reben tu mcm mana)
Photobucket gunting
Photobucket jarum peniti
Photobucket benang dan jarum

firstly,, gunting kain atau fabric ikut suka korg nak riben tu besar ker kecik,,then fabric die depends kat pilihan korg lah nak jenis yg macam mana,,lau adew ase manyak wet tuh beli r kain yg mahal2 lau tade wet sgt tgh sengkek mcm tuan belog nie pakai ajew kain yg ade hehe,,actually kain yg feruz guna nie lebih kain masa nak wat pensil case tok my lil sis,,okay kain yg tuan belog gunakan adalah seperti gambar diatas Photobucket,,kain nie mcm keras sikitlah but i'm not sure fabric nie jenis ape yer,,korg leyh r survey kat nagoya kain2 mcm nie tak mahal un murah ajew uhh,

pastu korg kene lipat kain korg mcm gambar kat atas tuhPhotobucket,,korg pin an kain tu before korg jahit,,takut t die lari2 kang senget menget plak riben korg kang,,pastu korg jahit tempat yg korg da tanda tuh yer,,jgn jahit tempat lain plak yer,,PERINGATAN kepada anak2 kecik yg tak cukup umur sila suruh mak ker kakak korg tulun jahitkan t adew plak yg jahit jari plak kang,,
pastu korg potong lg satu kain kali nie nak yg kecik jep ea,,and then korg lipat kain tu jadi dua,,babnye kain tu kita akan guna wat pengikat reben tu nanti tau,,
pastu korg ikat reben tu mcm gambar kat atas Photobucket,,tanda dengan peniti dulu agar korg dapat ejas bentuk die lagi then kalau korg da rase puas ati barulah jahit kan die,,jangan lupa potong lebihan kain tu yer,,
last but not least korg amek lah pin alah pin kaler itam yg harga dua posen tuh,,korg cucuk jep kat tgh2 mcm gambar kat atas tu yer Photobucket,,,

taaaarrrrraaaaaaaa da siap reben korg,,,senang kan,,korg bulih wat ikot kretiviti korg tau reben nie,,tuan belog tak kreatip that why tak chantek reben nie,,huhuhu
nielah Photobucketantara reben2 yg tuan belog da hasilkan,,adew ase cute tak,,cepat2 goyang kaki lau tak babap lelaju kang,,hehhe



yg kat sebelah atas uh reben yg kiter wat sesame td tau,,

pastu korg leyh r gayakan riben tu ikot sukati korg r nak gaya kan mcm mana okay,,nak letak die kat mana2 jep,,watchaaaaa nie lah hasil die tuan belog pakaikan die kat tudung wargh adew ase cumiill an an,,wargh wa da ase kembang nak meletop nie,,LOL


p/s ibu bulih tak gantikan mesin jahit yg da lama nie dengan mesin jahit hello kitty nie,,cumill uhh ibu nak lah nak lah,,lau mesin jahit cumill mcm nie barulah banyak idea dtg,,huhu



wargh lihat gambar diatas Photobucketcumiill un mesin jahit nie,,ase2 kat Malaysia adew tak mesin jahit acamnie,,gtau feruz ea lau adew mesin jahit hello kitty nie,,feruz nak uhh,,,baru semangat seyh,,LOL

s e h i n g g a b e r j u m p a l a g i



LOT OF LOVE
Photobucket