Judul : Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog
link : Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog
Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog
Jika kalian suka dengan tampilan blog yang cantik maka kalian harus tahu 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
.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; }
Mohon maaf untuk sementara saya pasang script anti copas, untuk mendapatkan kode tentang Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog diatas silahkan bisa add saya di facebook, klik disini! atau bisa follow dan inbox google+ saya!
- 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!
Mohon maaf untuk sementara saya pasang script anti copas, untuk mendapatkan kode tentang Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog diatas silahkan bisa add saya di facebook, klik disini! atau bisa follow dan inbox google+ saya!
9 Responses to "Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan Blog"
makasih gan tutorialnya bermanfaat...followback ya gan
Terimakasih atas infonya..........
mantap, izin praktek
kalo berkenan kunbal ya gan
ijin donwload gambar nya mas mazinu
kunjungi balik ya di http://ahmadsuyadi.blogspot.com/
kok ane ga ada ya gan kode nya , banyak yg ilang kode di scriptnya itu , jadi ga bisa di cari ..
terima kasih kk artikelnya bagus
Sib gan..kunjungi juga downloadaplikasi12.blogspot.com
Sayang mas, pnyku tdk ada script itu, udah tk coba berkali2.. mungkin beda template y?
ajib mas
Post a Comment