McJ Tutorialz ★

McJellyz Tutorialz.

★ Tutor : Tukar font post title - old template shj.

Ni tutor kepada pengguna yg guna template lama-2 tu. Contohnya minima. macam saya punya. Template nih takleh nak tukar font post title dye mcm Template Designer. kena edit kat Edit HTML. Kalau nak buat, ikut step by step :)

1. Dashboard > Design > Edit HTML.

Ctrl+F serentak, then cari code ni.

.post h3 {

2. Lepas dah jumpa, delete code selepas .post h3 { tadi. Delete yg ni :

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#333333;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000000;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color: #000000;
}

3. Lepas dah delete, gantikan code yg delete tadi dengan code ni :

.post h3 { margin: .25em 0 0; padding: 0 0 4px; color: $titlecolor; font: $posttitlefont; }
.post h3 a, .post h3 a:visited, .post h3 strong { text-decoration: none; color: $titlecolor; }
.post h3 strong, .post h3 a:hover { color: $titlehovercolor; }

4. Pastu tekan Ctrl+F lagi, cari code ni pulak.

/* Variable definitions

5. Dah jumpa? Paste code bawah ni selepas code /* Variable definitions .

<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="titlehovercolor" description="Post Title Hover Color"
type="color" default="#c60" value="#cc6600">
<Variable name="posttitlefont" description="Post Title Font"
type="font" default="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

6. Letak kat bawah ========= tu tau.

7. Save !

8. Bukak Template Designer > Advanced. Pastu dah boleh tukarkan font kat situ :)

9. Kalau takde font yg korang minat, tukar je kat Edit HTML :)

10. Like Like Like Like tau. Like Fanpage jugak kalau boleh hee :D

- Tutorial List
- Personal Blog

p/s ; This blog is for tutorials only.
p/s(ii) ; I'm more active on my personal blog.