Tutorial menukar 'title font size', warna pada blog

aynora nur | 12 October, 2011,9:53 AM |
Advertisement
-->

Saya baru sahaja kerjakan template saya, so supaya nampak lebih kemas. Dan, semasa saya cuba dan mencuba, saya terjumpa satu tutorial yg agak menarik untuk dikongsikan dengan korang semua.
'Sidebar title fonts' sangat senang di ubahsuai mengikut kesukaan kita. Yang penting kita tahu macam mana gunakan kod CSS yg betul untuk tajuk di sidebar ini, dan kemudian kita boleh mencubanya dengan begitu mudah sekali.

Jom kita lihat makna yang digunakan untuk kod di bawah:-

Pergi/Cari Layout | Edit HTML dan mulakan carian.

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

1- Tukar kumpulan jenis tulisan seperti Arial, Times New Roman, Georgia, Verdana, dsb.


Berdasarkan kod di atas, sidebar title font dikenali sebagai font:$headerfont;. Ini bermakna jenis tulisan untuk 'header' dan 'sidebar' template kita adalah sama. Tetapi jika korang nak tukar ikut kesukaan, dan tahu jenis2 tulisan yg diingini, silakan. Contohnya pada '$headerfont; tukarkan terus kepada 'verdana'. Contohnya seperti dibawah.

h2 {
margin:1.5em 0 .75em;
font-family:"Times New Roman",Georgia,Serif,verdana;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

2- Menukar saiz huruf/tulisan.


Mudah saja tambahkan font-size pada kod sedia ada seperti dibawah.

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
font-size:20px;
}

Nota: Boleh ubahsuai font-size ikut kesesuaian template.

3- Menukar warna seperti merah, hijau dsb...


Buat masa ini, color:$sidebarcolor; kod tersebut mendefinasikan tentang warna. Ini bermakna warna tajuk bergantung kepada warna pada 'sidebar', iaitu warna 'sidebar' dan warna tajuk adalah sama. Kita boleh tambah/tukar warna kita sendiri dengan menukar $sidebarcolor dengan warna lain, contohnya:

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#000000;
}

Ingat:: #000000 adalah kod warna untuk warna hitam., #ff0000 kod warna untuk warna merah, dsb...

#DCP: Semoga berjaya mewarnai template anda!!

Aynora Nur adalah seorang penulis blog separuh masa, terlibat dalam bidang hartanah dan perkhidmatan – di Johor, Malaysia. Lulusan MBA. Aktif berblog sejak tahun 2010. Hubungi saya untuk Promosi produk dan servis • Entry kekal di blog • • Pakej mengikut bajet • Daily PV : 35,000 - 45,000 • Monthly PV : 1.1juta - 1.5juta. Info lanjut di about me ...
 
loading...
0 Komen untuk "Tutorial menukar 'title font size', warna pada blog"
DISCLAIMER: All content provided on this "Aynorablogs.Com – Inspirasi Wanita" blog is for informational purposes only. The owner of this blog makes no representations as to the accuracy or completeness of any information on this site or found by following any link on this site. The owner of Aynorablogs.Com – Inspirasi Wanita will not be liable for any errors or omissions in this information nor for the availability of this information. The owner will not be liable for any losses, injuries, or damages from the display or use of this information. This terms and conditions is subject to change at anytime with or without notice.

Boleh komen jika mahu, boleh LIKE jika suka. TERIMAKASIH.

Kisah 25 Filsuf Barat (MATLUTHFI)!! Harga cuma RM22.50 (Asal RM25.00)!

Buat Duit Blog
Back To Top