I fell in a rabbit hole

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