 |
Kemaskan Tempelate
Monday, 3 October 2011 | 07:47 | 1 Lepak Bila Rasa Boring
hai all..ari ni iza nak kemaskan tempelate iza..
tapi ada satu langkah tu iza gagal nak lakukan la..
wek =P
tapi xpa..iza just post je langkah tu..mana la tau korang pula y berjaya wat.
haha.. so jom lakukan
mula2..
1.Dashboard >>Design >>Edit HTML
Click "Download Full Tempelate" untuk berjaga jaga kalau tidak menjadi.
Then kat bawah tu ada Select Layout Template.. Klik
pas korang kilk mende tu kua 1 page lagi kan
page yang ini kan?? then kilk yang no.1 pastu no.2..then korang preview blog korg..
Blog korang akan jadi macam ni kan??so sekarang kita nak hilangkan Y color blue tuupula..yang kat head tu..
2.Dashboard >>Design >>Edit HTML
cari code ni k
/* Variable definitions
..da jumpa tak??
Oh ya..sebelum tu.. korg kena use keybord "Ctrl+F" then klik" Expand Widget Templates" baru la korg dapat cari dengan lebih mudah
bila da jumpa..bawah code tu korg cari code ni pula..
<Variable name="headerBgColor" description="Page Header Background Color"type="color" default="#336699" value="#336699"><Variable name="headerTextColor" description="Page Header Text Color"type="color" default="#ffffff" value="#ffffff"><Variable name="headerCornersColor" description="Page Header Corners Color"type="color" default="#528bc5" value="#528bc5">
Jumpa kan> korg Delete..ganti dengan code kat bawah ni
<Variable name="headerBgColor" description="Page Header Background Color"type="color" default="transparent" value="transparent"><Variable name="headerTextColor" description="Page Header Text Color"type="color" default="#ffffff" value="#ffffff"><Variable name="headerCornersColor" description="Page Header Corners Color"type="color" default="transparent" value="transparent">
Then korg save la..klu ragu2..preview dlu.
Tgok da hilangkan?? clap2 ^^
so sekarang kita nak buat backgroud lak
3. Dashboard >>Design >>Edit HTML
kita pegi kat page ni lagi.. then cari code
Body {
da jumpa??
kalau da jumpa korg amik code bawah ni then paste kat bawah code Body { td..
background-image:url(URL BACKGROUND);margin: 0;padding: 0px;font: x-small Sans Serif, Arial;text-align: center;color: $textColor;font-size/* */:/**/small;font-size: /**/small;}
URL BACKGROUND tu korg tukar dengan background yang korag nak k..
kat sini iza just bagi tiga URL ja k..
 http://i269.photobucket.com/albums/jj41/xXxFOB_FanxXx/background-3.jpg  http://i153.photobucket.com/albums/s213/manga476/Cute%20Background/thcute-4.jpg  http://i1083.photobucket.com/albums/j381/kawaiiee91/background.png
Pastu save
Then jadi macam ni la..
setakat nikorag faham tak? bagi yang tak faham maf ya.. just Komen k..
sekarang kita nak rapatkan HEADER DENGAN BODY BLOg..
Oh ya..sebelum tu korg kena la uplod photos kat header macam ni>>
mula2 korang edit2 lah photos yang korang nak put kat header korg tu
pas korg da save photos yang korg nak tu.. korang kena uplod photos tu kat photobuket <--klik sini..
kalau da selesai kita teruskan langkah kita k
Dashboard >>Design >>Page Elements
bila korg da masuk page ni klik edit tu k..
Then korang Chose Photo yang korag buat tadi..
last sekali korg wat macam kat atas ni..Then save..SIAP!
okey..sekarang kita buat yang iza cakap tadi k.. kita nak apatkan Header dengan body blog
okey..sekarang korg ikut langkahnya k
1. Dashboard >>Design >>Edit HTML
2. cari code ni >> #header-wrapper {
semua di bawah code yang korg cari tu ..korg gantikan dengan code d bawah ni
margin:0;padding: 0;background-color:transparent;text-align: $startSide;}
Da jumpa tak??
3.bila da jumpa korg cari code ini pula
#header {
Then kat bawah code yang korg cari tu.. korg ganti dengan code ini pula..
width: 761px;height: 480px;margin: 0 auto;background-color: transparent;border: 1px solid transparent;color: transparent;padding: 0;font: normal normal 210% Verdana, Arial, Sans-serif;;}
Oh ya.. height tu korag kena tukar2 px dia tau..smpai header nan body blog tu bercantum..
faham tak?? tak faham juga??
hihi
kalau menjadi korg save la k..
OKEY..abis..takat ni..tu ja yang mampu iza tolong..selamat mencoba..tak faham tanya tau..
Labels: tutorial |