Terima kasih Atas Kunjungannya, ini sedang belajar Ngeblog, mempraktekkan beberapa petunjuk.

Cara Merubah Ukuran, Jenis Font dan Warna pada Judul Postingan



Melakukan  perubahan font-type, font-size, dan font-color.
Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan,  untuk melakukannya membutuhkan ketelatenan, ketekunan terutama ketelitian dalam mencemati beberapa kode HTML pada template blog yang dihadapi. Apabila telah memiliki ketelatenan, ketekunan terutama ketelitian mari melanjutkan bagaimana Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan.


 

Langkah-langkahnya:

  • Login di Blogger
  • Di menu drop down, klik template - Edit HTML
  • Lakukan backup template lebih dahulu (untuk menghindari error sebaiknya backup terlebih dahulu template blog, dan jika ada kesalahan maka template bisa dikembalikan seperti semula.)
  • Cari kode beikut 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;
}

Ada kemungkinannya kode dalam template blog tidak sama persis dengan di atas, karena itu bisa dicari saja yang mirip, secara default biasanya kode .post h3 akan selalu ada, jadi kalau tidak ketemu cari caja kode .post h3 {........sampai tanda terakhirnya }.
 Jika sudah ketemu kode tersebut, maka hapuslah kode tersebut 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; }

Berikutnya cari lagi kode /* Variable definitions dan letakan kode berikut tepat dibawah kode /* Variable definitions.

<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">
Lakukan save template terlebih dahulu, berikutnya siap melakukan  Cara Merubah Font, Ukuran, dan Warna pada Judul Postingan dengan cara berikut.

  • Selanjutnya Pilih Template >> Sesuaikan >> Tindak Lanjut

Merubah Font-type, Font-Size, dan Font Color pada elemen template.
  •  Silahkan atur sendiri Ukuran dan Warna Font sesuai dengan keinginan.
Nah itulah Cara Merubah Ukuran Dan Warna Font Judul Postingan yang bisa saya sharekan, bila ada kekurangan silahkan untuk diperbaiki. terimakasih

Artikel Terkait
/*---------Kode CSSnya Cara Membuat Menu Slide Indah Di Atas Header --(atas)----------*/ /*---------Kode CSSnya Cara Membuat Menu Slide Indah Di Atas Header --(bawah)----------*/