Cara Mengganti Font Judul Postingan Pada Blog

Halo para pembaca, sekarang saya akan share cara mengganti Font Judul Postinggan Pada Blog, Cara mengganti font judul sudah banyak caranya lho, seperti menggunakan Google Web Fonts. Tapi, cara yang saya share ini edit nya melalui Microsoft Office Word loh.

Untuk gk basa basi ikuti langkah berikut :

1. Masuk Ke Blogger.com
2. Dasbor > Template > Edit HTML > Lanjutkan > Centang Expand Template Widget
3. Tekan tombol Ctrl+F
4. Cari kode nya seperti kode di bawah ini.

1. Untuk judul posting, cari kode yang mirip:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
2. Untuk judul sidebar, cari kode yang mirip:
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}
Lalu editlah sesuai keinginan. Misalnya anda ingin menambahkan background pada judul postingan, maka kodenya menjadi:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
background:#000000;
}
Ket: kode background:#000000; adalah kode yang ditambahkan. Ganti #000000 dengan warna yang diinginkan. O, ya. Atau anda juga bisa membuat garis batas dibawah judul sidebar, maka kodenya menjadi:
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
border: 1px solid #00FF00;
}
Ket: Kode border: 1px solid #00FF00; adalah kode yang ditambahkan. Ganti #00FF00 dengan warna yang diinginkan. Anda juga bisa membuat variasi lain, seperti menambahkan background berupa gambar, membuat huruf judul postingan membesar ketika mouse melintasinya, atau berbagai variasi lain sesuai dengan keinginan dan kreatifitas anda.

Kalau sudah klik Simpan Template.
Selamat Mencoba Sahabat Blogger !

Sumber : Google Search

0 komentar:

Posting Komentar