Senin, 25 Maret 2013

Cara Mengganti Font Judul Blog

Judul blog merupakan gambaran dari isi sebuah blog dan tentu saja judul blog sebaiknya terlihat menarik. Judul blog sebuah template blogspot tidak terlalu menarik dilihat karena jenis font yang digunakan untuk judul blog adalah jenis font standar.

Untuk mengganti font judul blog agar terlihat lebih menarik dibutuhkan pengetahuan tentang bagian pada template blogspot yang mewakili font judul blog. Hal ini berarti kita harus punya sedikit pengetahuan tentang bahasa pemrograman HTML yang merupakan bahasa yang digunakan untuk membuat template blogspot atau blogger

Jika kita tidak mengerti sama sekali tidak usah takut dan khawatir karena di sini kita akan dapat sedikit pengetahuan bagian mana yang mewakili font judul blog.

Judul blog biasanya selalu berapa di bagian paling atas dan untuk bagian paling atas template blog biasa diberikan kode HTML # header. Akan tetapi di dalam sebuah template blog akan ada banyak kode #header. Kode untuk font judul blog biasanya diwakili dengan kode #header h1. Nah itu tadi sedikit penjelasan untuk kode HTML font judul blog. 
Bagi teman-teman blogger yang ingin mengganti font judul blog berikut langkah-langkah yang bisa teman-teman lakukan :
1. Silahkan masuk ke dashbor blog sobat
2. Klik menu Rancangan >> Edit HTML (jangan lupa centang expand template widget)
3. Cari kode yang mirip kode berikut:

#header h1 {
atau
#header h1 a, #header h1 a:visited {

Setelah ketemu kode yang mirip dengan kode di atas, di bawah kode tersebut pasti ada kode yang diawali dengan kata "font" atau "font-family" seperti terlihat pada contoh di bawah:

#header h1 {
    color: $pagetitlecolor;
    font-size: 37px;
    font-family: Times New Roman, Georgia, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    text-decoration: none;
    }
 
#header h1 a, #header h1 a:visited {
    color: $pagetitlecolor;
    font-size: 37px;
    font-family: Times New Roman, Georgia, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    text-decoration: none;
    }

Silahkan teman-teman ganti kode berwarna biru dengan jenis font yang dikehendaki. Sedikit saran buat teman-teman untuk bisa memperoleh jenis font, teman-teman bisa membuka MS Office Word untuk melihat jenis font yang bagus dan kira-kira cocok untuk dijadikan font judul blog. Kalau sudah dapat tinggal diganti dech. Berikut ini screenshot hasil tutorial cara mengganti font judul blog yang sudah saya lakukan di salah satu blog saya rumus fisika dasar.


Mengganti Font Judul Blog
Hasil Mengganti Font Judul Blog
Untuk lebih jelasnya saya berikan contoh : saya ingin mengganti font judul blog saya dengan font jenis Brush Script Std, maka kode hasil terkahir akan seperti ini :

#header h1 {
    color: $pagetitlecolor;
    font-size: 37px;
    font-family: Brush Script Std , Georgia, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    text-decoration: none;
    }

#header h1 a, #header h1 a:visited {
    color: $pagetitlecolor;
    font-size: 37px;
    font-family: Brush Script Std , Georgia, Trebuchet MS;
    font-weight: normal;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    text-decoration: none;
    }

Kembangkan kreasi teman-teman dan tetap semangat ngeblog. 
 

0 komentar:

Posting Komentar

Blog Archive

 
 
Copyright © MXM BERBAGI INFO
Blogger Theme by Blogger Designed and Optimized by Tipseo