30.12.12

Tutorial : Guna Google Web Font

Author : Nabila Medan Time : 12/30/2012 02:25:00 PM Total Comment : 2 Label :

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ Dan Selamat Petang

Apa itu google web font? Okay kalau korang rasa nak tukar font post title , sidebar title atau bahagian entri bagi nampak lebih lawa dengan menggunakan jenis-jenis font yang lain. Ikut tutorial ini.

Langkah 1
1.Pergi ke Google Web Fonts
2.Pilih font yang korang nak guna. Lepas itu, tekan Quick Use


3.Scroll ke bawah sikit. Copy code yang dia bagi. Pastikan standard


Langkah 2
1.Selesai langkah 1? Pergi Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget
2.Search code <head>
3.Copy Code Pertama *lihat gambar* dan paste kan di bawah code <head>
Contoh - 
<head>
<link href='http://fonts.googleapis.com/css?family=Elsie+Swash+Caps' rel='stylesheet' type='text/css'></link>
*yang warna biru tu pastikan korang letak kalau korang guna template denim dll*
4.Save

Langkah 3
Guna Google Web Font Untuk Entri
1.Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget
2.Search code main-wrapper {
3.Copy Code Kedua *lihat gambar* dan paste dekat bawah code main-wrapper {
4.Preview & Save

Guna Google Web Font Untuk Sidebar
1.Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget
2.Search code sidebar-wrapper {
3.Copy Code Kedua *lihat gambar* dan paste dekat bawah code sidebar-wrapper {
4.Preview & Save

Guna Google Web Font Untuk Post Title
1.Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget
2.Search code post h3{
3.Copy Code Kedua *lihat gambar* dan paste dekat bawah code post h3{
4.Preview & Save

Guna Google Web Font Untuk Sidebar Title
1.Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget
2.Search code sidebar h2 {
3.Copy Code Kedua *lihat gambar* dan paste dekat bawah code sidebar h2 {
4.Preview & Save

Harap korang faham la ye? Nabila dah sediakan code untuk korang tukar font dekat sidebar title, post title , sidebar dan entri dekat langkah 3. Sebab malas nak jawab kalau ada yang tanya. Hewhew ;p


2 comments

Sunday, December 30, 2012 2:37:00 PM Delete! [Reply Comment]

Nice tutor~Baru tahu...

Monday, May 27, 2013 5:39:00 PM Delete! [Reply Comment]

Thanks for the tutorial :)

Post a Comment
Related Posts Plugin for WordPress, Blogger...