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 :
- 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;
}
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">
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 :)
Ditulis Oleh : faisalsaleh
Terimakasih atas kunjungan Kamu Karena telah Mau membaca artikel Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog. Tapi Kurang Lengkap Rasanya Jika Kunjunganmu di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar di bawah. Kamu boleh menyebarluaskan atau mengcopy artikelCara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog ini jika memang bermanfaat bagi kamu, tapi jangan lupa untuk mencantumkan link sumbernya. Terima Kasih.
0 komentar:
Post a Comment