1. Login ke Blogger
2. Di menu Dropdown, klik Template, lalu klik Edit HTML
3. Backup Template untuk mencegah error
4. Cari Kode seperti dibawah ini:
.post h3 {text-shadow: 1px 1px 3px #fff;
margin:.25em 0 15px;border-bottom:1px dashed $bordercolor;
padding:1px 0px 4px;
font:normal normal 24px Oswald;
font-weight:normal;
line-height:1.4em;
color:#333;
font:$titlefont;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
font:normal normal 24px Oswald;color:#333;
}
.post h3 strong, .post h3 a:hover {
color:#c22400;
}
5. Hapus kode tersebut, ganti dengan kode berikut ini :
.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; }
6. Selanjutnya cari kode berikut :
/* Variable definitions
7. Lalu letakkan kode berikut dibawahnya
<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">
8. Kalau di template sobat ada dua kode yang sama seperti diatas, hapus salah satunya (untuk menghindari kode yang sama)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">
9. Simpan Template
Demikian artikel dari saya tentang Cara Merubah Font, Ukuran Dan Warna Pada Judul Postingan Blog, semoga bisa membantu dan bermanfaat. Terimakasih sudah berkunjung di blog saya.
0 comments:
Post a Comment