Tutorial cara guna & edit minima template
Sunday 24 July 2011 >>08:08
BACK TO TOP? |
0
Left Blogprints:
Post a Comment
Assalamualaikum & Yo !
kali ni aku nak buat tuto cara guna & edit minima template plak..
tadi dah denim en?
ok..jom tutorial !
p/s : aku tak gune gambar untok tuto ni..sebab malas nak printscreen..aku printscreen mane yang penting je keyh?
1.
CHANGE YOUR TEMPLATE TO MINIMA
Edit HTML > Select layout template > Minima > Save settings
korang jangan fikir blog korang dah hancor! ade lagi step la :)
2.
remove header border
Dashboard > Design > Edit HTML > Tekan CTRL + F . Cari
#header-wrapper {
kat bawah dye ade code ni
border:1px solid $bordercolor;
buang code tuh
cari ni plak
#header {
ade code ni
border: 1px solid $bordercolor;
buang jugak
save
hasilnye :
3.
change background
pegi dashboard > design > edit html > tick expand widget
search (ctrl + F) code nie :
background:$bgcolor;
klorang tukar code yang kat korang carik tadi dengan code yang kat bawah n
background: url(URL BACKGROUND) fixed;
url background tuh korang leyh tukar dengan backgroun korang..leyh carik kat google
copp ! tak siap lagi..
cari code ni plak
.sidebar .widget {
kalau tak jumpe carik
.sidebar .widget, .main .widget {
paste code dibawah selepas code tadi
background:#ffffff;
{
blom siap lagi..ade lagi (banyak kan -,-)
carik code ni plak
.main .Blog {
paste code ni selepas code tadi
background:#ffffff;
{
yang kale ungu tuh korang boleyh ubah ikut suke hati..
preview & save..
hasilnye :
4.
curved sidebar & content
ni kalau tak nak pon tak pe..hanya untok cantikkan blog jea..
Dashboard > Design> Edit HTML > cari kod ni
.post { dan .sidebar .widget {
law tak jumpe .sidebar .widget { ,, carik .sidebar .widget, .main .widget {
copy code yang kat bawah ni
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
paste kat bawah
.post { dan
.sidebar .widget {
hasilnye :
korang nampak kan title dye terkeluar? ikut step ni plak
5. centerkan post tile,sidebar title & date
Dashboard > Design > Edit HTML > Tick expand widget templates
cari code ni
h2 {
letak code ni kat bawah code tadi
text-align:center;
carik code ni plak
h3.post-title,.comments h4
law tak jumpe cari code ni
.post h3 {
letak code ni kat bawah code tadi
text-align:center;
preview & save ..
hasilnye :
blog korang dah siap :)
just edit tulisan tuh kat template designer jea ^^
selamat mencube :D
Freebies header - header bersambung dengan blog
>>05:03
BACK TO TOP? |
0
Left Blogprints:
Post a Comment
Assalamualaikum & Yo !
header simple untok korang..
hanya pengguna denim & simple template yang herder dye bersambung dengan content blog jea..
right click > save > upload..
senang kan?
selamat mengambil ^^
kcaw! Assalamualaikum..