tuto : create denim template style [ part 3 ]

Oke , final tuto for denim #rasanyalahh . kemon kemon . weeeee .

Create footer 
#step 1
Bukak gimp 2 anda . kalau tiada tolong download . pergi GOOGLE . then search hoke .

#step 2
Dh masuk gimp 2 la kan . then tekan file oke dan adjust dya mcmnie

 Ikut size header korang oke . mcm dekat tutor nie 
 Letakkan dia as transparency
 klik ok . dan dia akan jadi mcmnie 
Paham la kan ? oke next

#step 3
 Tekan itu oke rectangle tool
 tick rounded corners then make sure radius 50.0
Nampak tk ada titik putus putus tu la kan ? nampak kan ? itulah hasilnya bila korang ikut step di atas . #winkwink

#step 4
 Klik brush tool
 Ikut je step aku buat tuhh
 Pilih kaler putih hokeng
 Tekan ok 
Taraaaaaaaaaaaaaaaaaaa . kan dh magik la kan !

#step 5
 Set as PNG yaw
Please tick ape yang ai buat diatas okeyh .

#step 6
Open photoscape , tekan editor / sila download photoscape jugak hokeng ? 
 Edit ikut kesukaaan hati korang hokenggg .
Then tekan save ok , jgn save as , t footer tk menjadik doyy .

#step 7

Pergi photobucket then upload korang punya footer yeahh
Sila ambek kod html yeah .

#step 7
Dashboard > design > design > add gadget > html/javascript . copy code tadi then paste dekat dalam kotakputih itu hoke ? ok please . tk habes lagi nahh . dia tak center kan ? korang put code nie 
<center>code footer korang</center>
#step 8
Dah upload kan ? so sila ctrl + f this code #footer .widget {


#footer .widget {
  margin:.0em;
  padding-top: 0px;
  font-size: 85%;
  line-height: 1.5em;
  text-align: $startSide;
}

 Yang kaler merah tu korang ubah jadik kosong ok .

#step 9
selamat mencuba, kbaiii





                                        

tuto : cara cara nak letakkan signature / salam word


Mula mula upload je dya melalui photobucket / blog #tengokatas

Tgok contoh aku buat , upload melalui blog . senangkan ?

Then copy code dia ,

Korang pergi settings then klik formatting

Nampak last skali ada post template kan ? korang paste je code dekat sna okeyh ?
Tengah bengang kenapa blog tkbule bukak , erghhhh ! untung ada dua pc lam umah nie
Ok , slmt mencuba, kbaii .

                                        

tuto : create denim template [ part 2 ]


Masih ada lagi org yang blurr tentang tuto : create denim template [ part 1 ] . sorry sgt sgt . kalau nak buat tuh korang perlu ad photoshop / photoscape / gimp2 ( please GOOGLE ok ) . ok sambungan untuk habiskan seni korangg . jeng jeng . aku kene siapkan harinie jugak gamaknyaaa . #letihnye .

Create Sidebar / Create post title

#step 1
Pergi edit html > ctrl + f this code .sidebar h2 { .post-title {

#step 2 
Untuk kemaskan tulisan sidebar korang , just tambah code nie
 text-align: right; 
Terpulanglah kat korang nak left ke center ke . ikut seni korang hokeng [;

#step 3 
Letak font kesukaan korang , tambahkan jugak code nie dekat area situ ye
 font-family:"nama font korang",Georgia,Serif; 
Ikut suka la nak bubuh ke tknk . kalau tknk jgn bubuh . afdalnye pilihlah dekat template designer . #oyeahoyeah , ouh ouh yang aku bold uh letak la nama font kesukaan korang okeh .

#step 4 
Margin #jgn ubah tawuk
Padding iaitu lapisan ( untuk menjarakan sidebar dengan content sidebar ) . yang nie la kan ? padding: 4px 5px; untuk kepuasan korang , korang boleh tambah dya jadik brapa pun tkpa . asalkan dia sesuai dengan blog anda ok .

#step 5
Letak background sidebar anda #mekapkasicun . sma ada warna / gambar . nie code dia kan ? background-color: $sidebarTitleBgColor; untuk bubuh code warna jadikan dia mcmnie 
background-color: #F5A9D0;  
Yang bold uh ikut korang la nak warna apa jyeah

Untuk background pulak tukarkan  background-color: #F5A9D0; /  background-color: $sidebarTitleBgColor; kepada  code nie 
background-image:url(url image); 
As usually korang letak la url image korang ok . cari la dekat google or photobucket #menguapdhnie

#step 6
Jenis border / bentuk . korang boleh buat mcm aku or nak buat bentuk ikut suka korang . klik sini untuk jadik mcm aku / klik sinih untuk bentuk lain .

2 3 pak lebai , kbaii

                                        

tuto : remove underline link


Fuhhhh =.= penad hokeng . baru lepas satu blog . oke harinie mang full edit . dapat 10 henget topup yay ! oke harinie sumpah letih sgt koz tadi pergi han nan boboh #siyesoke .

First pergi edit html > ctrl + f this code 
a:link {
Untunglahh dah jumpa kan ? then copy code bawah nie dekat bawah a:link {
text-decoration:none;

siap kan ? then save !

Selamat mencuba, kbaii

                                        

tuto : create denim template [ part 1 ]



Okayyy korang . harinie waa nak ajar korang mcmana nak buat denim template . credit to empayarbintangtiga / google sebab bagi aku banyak info untuk buat denim template nie . ingat senang ke nak cari . susa ok . nasib jumpa blog yang aku senang nak paham nie . sebelum tu sila selawat banyak banyak sebab panjang kot entry nie hoyehh !

Create a denim template
#step 1
Memula korang please log in > dashboard > design > edit html

#step 2

please ikut ape yang aku anak panah tu , ok ? jgn banyak tanya . korang klik then korang akan paham la . #penatpenat

#step 3

Bila korangg klik benda alah tadi , bnd alah nie akan kuar kan kan ? ok ikut step 1 & 2 ok . #malasnakexplain

#step 4
tekan template designer yang ada dekat atas tu . sila usha usha sikit . jangan ckp tak jumpa . aku bunuh kangg . #runsing .  sila klik bule la kan ? pergi advanced . dan ikut step seterusnya 

#step 5

Please ikut step dia ok . shj aku tulis abjad sebab aku malas nak tulis banyak banyak , gambar akan buat korang lebih paham #anggukanggukgelenggeleng .

#step 6 

Sama jugak , ikut step boleh la kan ? done suma boleh la save kan ok ! dan blog korang kan jadik bersih tanpa warna biru . ok .

Then korang edit la apa yang patut dekat advanced tu , etc text color ke ape ke . senang . tkpayah buat kerje berkali kali kan !

Create background 
#step 1
Ikut tuto nie , #omagoodddd . klik sinihh . dan pilihan backround disini atau disini . ikut seni korang okeyh !

Change size sidebar / post title / header
#step 1
Size header
Ctrl + f this code #header {
width: 900px;
Adjust ka lebar mana pon header korang . asal korang bahagia ok .

#step 2
Size content dalam blog
Ctrl + f  this code  #content-wrapper {

width: 900px;

Adjust ikut header , supaya header anda akan nampak segak bergaya .

#step 3
Size entry post
Ctrl + f this code #main-wrapper {
 width: 570px;

Ikut korang la nak buat mcmana , janji korang puas .

#step 4
Saiz sidebar
Ctrl + f this code #sidebar-wrapper {
  width: 260px;
Edit ikut kesesuaian blog anda #nantokplak

Create header 
#step 1
Peringatan please : maksure korang download photoscape and gimp 2 . kalau photoshop . sorry . ai tk pandai guna . harap je ade , tapi kuno . hoho #malumalu
open gimp 2 > tekan file > new and akan muncul mcmnie
sila ikut step yang aku buat tu ok . jangan nak bantah , kangg slhh plak . 

Maaf , width and height ikut korang punya blog la . #jyeahh

#step 2
Bila korang dh tekan suma suma tu dia akan mucul mcm nie . otomatik tranparent ok  .

#step 3
nampak kan apa aku buat ? sila ikut . mals nak explain lebih . yg no 3 uh , make sure dia mang tepat tepat 50.0 oke .
so bila korang buat mcmuhh , korang buat ape yang aku buat dekat atas . cuba lengkungkan dia untuk dijadikan header .

#step 4
Ok , untuk dapat kan bentuk header . sila ikut step yang diberi hokey ? 

taraaaa . if korang ikut step uh dia akan magik jadik mcmniee , comel la kan ?

Then klik file > save as > ikut ape aku buat dekat atas hoke ?

Nie pon ikut ape aku buat diatas ok ? jangan nak membantah sgt la .


#step 5
Masuk photoscape > cari header yang korang edit tadi tu then open dia oke > then edit dia ikut suka korang . paham kan ? after that korang save , eh ! jgn save as ! save like this

And header akan jadi mcmnieee . tara


#step 6
Pergi dashboard > page element > header 
ikut step diberi .

nampak tk ada line ? ada kan ? ok korang memula save dulu oke .

#step 7
pergi edit html > ctrl + f this code #header {

nampak tak ada bende alah nie 

border: 1px solid $headerBgColor;

Tolong tukar 1px ke 0px ok . dan blog korang kan jadik comel mcmnieee . woot woot \nn/
Fuhhh , penad hoke buat suma nieee . yang nie mang dh lama aku reti buat . tapi bukn untuk tutor , untuk diri sndri la kan . tapi bila ada keyakinan nak buat #ayatapoyo , aku trylaa . kalau tk jadik ke ape sila lahh PM aku oke #penatnie


2 3 pak lebai , kbaii 

                                        
 
COPYRIGHT BY NURUL HAFIZA ©