Add Here

Cara Merubah Font, Ukuran Dan Warna Pada Judul Postingan Blog

Hai sob, pada artikel kali ini saya akan mencoba untuk memberikan salah satu tutorial kepada kalian yaitu tentang Cara Merubah Font, Ukuran Dan Warna Pada Judul Postingan Blog. Silahkan sobat periksa pada blognya di Template - Costumize - Advanced, apakah sudah terdapat setting atau pengaturan untuk judul postingan? Bila memang tidak ada, sobat ikuti langkah-langkah berikut :


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)

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