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

Older Posts Newer Posts

BACK TO TOP? | 0 Left Blogprints: Post a Comment


Assalamualaikum & Yo !

• Freebies header - header bersambung dengan blog 
• Freebies background blog 
• akan datang
• akan datang

Older Posts Newer Posts

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..

Older Posts Newer Posts