Assalamualaikum !
Apo Khabor ??
Bismillahirrahmanirrahim ,
Pada hari ni , saya nak kongsi cara saya edit blog yang tak seberapa ni . Tapi , cute kan ? (Mulalah tu)
Saya nak kongsi tuto ni , supaya korang boleh nikmati belog cute jugak .
Lagipun , korang nak hias blog korang jadi kemas dan cute , kan ? Ha .. jom deco !
First , korang kena tukarkan template korang kepada Simple Template (lebih baik download full dulu) . Then , korang fikirkan tema untuk blog korang.
Contoh :
Kalau korang guna Photoshop , bagi menambahkan kretiviti header , boleh ikut tutorial Iyra ni .
Kalau tak nak buat clipping mask , boleh ikut step yang sy bagi :
Purple : Ketebalan border
Merah : Jenis border (solid , dashed , double)
Biru : Kod warna border
Maroon : Kelengkungan border
Tukar font dan warna
Credit to : SHE
*Korang mesti nak font cute mcm lemons can fly , short stack , kan ? Jomla kita buad !
PANDUAN :Pada hari ni , saya nak kongsi cara saya edit blog yang tak seberapa ni . Tapi , cute kan ? (Mulalah tu)
Saya nak kongsi tuto ni , supaya korang boleh nikmati belog cute jugak .
Lagipun , korang nak hias blog korang jadi kemas dan cute , kan ? Ha .. jom deco !
First , korang kena tukarkan template korang kepada Simple Template (lebih baik download full dulu) . Then , korang fikirkan tema untuk blog korang.
Contoh :
- Warna biru muda campur dengan putih krim
- Nak ada gambar pari-pari comel
- Nak ada ekspresi dalam dunia kayangan
Da fikir ? Oraitt , jom start !
Header
*Header pula , korang kenalah buat ikut tema yang korang fikirkan tadi
- Buka software korang (cth:Photoshop , Photoscape)
- Design header mengikut kretiviti
Kalau korang guna Photoshop , bagi menambahkan kretiviti header , boleh ikut tutorial Iyra ni .
Kalau tak nak buat clipping mask , boleh ikut step yang sy bagi :
- Tulis text korang dengan warna-warna menarik (cth:pelangi , turquoise+hitam)
- Klik gambar 'fx' . Kemudian , klik Bevel & Emboss
- Tukar warna shadow dia (hitam ke kelabu)
- Kemudian , tanda tick kat Stroke .
- Tukar warna stroke tu (hitam ke putih)
Warnakan content
*Maksud warnakan content ni adalah bagi ada border kat content tu
- Design > Edit HTML
- Cari (Command + F) "content-wrapper {"
- Jumpa ? Orait . Scroll kebawah dan copy kod yang ada .
- Paste kod-kod tu dibawah kod yang korang cari (content-wrapper {)
- Edit kod tu mengikut panduan yang diberi
- Preview dan Save
border: 3px solid #000000;PANDUAN :
border-radius: 20px;
Purple : Ketebalan border
Merah : Jenis border (solid , dashed , double)
Biru : Kod warna border
Maroon : Kelengkungan border
Tukar font dan warna
Credit to : SHE
*Korang mesti nak font cute mcm lemons can fly , short stack , kan ? Jomla kita buad !
- Design > Edit HTML
- Cari (Command + F) "<head>"
- Scroll kebawah dan copy kod yang ada
- Paste kod tersebut dibawah kod yang korang cari tadi (<head>)
- Save (sekiranya tidak menjadi , ia tidak akan memberi sebarang kesan yang buruk)
<link href='http://fonts.googleapis.com/css?family=short stack' rel='stylesheet' type='text/css'/><base target='_blank'/>
Magenta : nama font yang korang suka
Bila korang view , mesti tak jadi apa-apa ,kan ? yep ! Sebabnya , kite kena ikut pulak step satu lagi !
- Scroll kebawah . Cari (Command + F) kod-kod yang ada (Design > Edit HTML)
- Gantikan Arial dengan nama font yang korang letak kat step atas tadi
- Preview and save
Background (Sekali dengan freebies)default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial">;
* Huh , mesti korang da rimas dengan background biru dia tu , kan ?
- Design > Page Elements > Add A Gadget > HTML/Java Script
- Jangan letak tajuk !
- Isikan kotak tu dengan kod dibawah
<style>body{background:white url(
URL Background) fixed;}</style>
"URL Background" tu gantikan dengan url background yang korang suka .
Korang boleh ambik freebies dibawah . Cari URL dia sendiri ya:
Background tu , sy yg buat ! Jadi , kalu nak re-freebies , kasitau dulu .
Cukuplah setakat ni utk part 1 . Insya Allah nanti sy sambung part 2 pula ! Nantikan yer !
nice tuto :)
ReplyDeletesalam, aina. Nak tanya. mcm mna aina buat button yg ada gambar home, facebook, instagram, email dan like tu?
ReplyDeletehttp://www.thedarlingblog.com/2012/10/free-scalloped-border-social-media-icons.html :)
Delete