Selasa, 21 Mei 2013

Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog

Hae sahabat mazinu? Pada tutorial kali ini, mazinu akan memberikan tutorial kepada kalian tentang Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog kita. Silahkan kalian periksa blog kalian di Template - Costumize - Advanced, Apakah disana sudah terdapat setting atau pengaturan untuk judul postingan? Kalau memang tidak ada, silahkan kalian ikuti langkah di bawah ini :

Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog

Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog
  • Login di Blogger
  • Di menu drop down, klik template - Edit HTML
  • Backup template kalian dahulu
  • Cari kode yang seperti 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;
}

  • Kalau kalian sudah menemukan kode seperti itu, hapus kode itu dan ganti dengan kode berikut :


.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; }

  • Selanjutnya, cari kode /* Variable definitions
  • Kalau sudah ketemu, letakkan kode berikut di bawahnya :

<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">


  • Kalau di template kalian, ada salah satu dari kode di atas, hapus saja salah satu (Untuk menghindari kode yang sama).
  • Selanjutnya, simpan template!

Semoga artikel tentang Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog ini bermanfaat! salam Mazinu :)

Tidak ada komentar:

Posting Komentar