Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengganti Model Font Header dan Deskripsi Blogger

RudiEtnovian.Com - Dalam menjalani sebuah aktifitas adakalanya kita akan dihinggapi rasa bosan, begitu juga dengan aktifitas blogging.

Entah itu dalam segi konten maupun improvisasi tampilan blog. Hal semacam ini pernah juga saya alami.

Setelah sekian puluh tahun bergelut dengan dunia blogging masih saja rasa jenuh itu menghampiri.

Cara Mengganti Model Font Header dan Deskripsi Blogger

Kalau saya pribadi bukan jenuh di konten atau trafik, tapi lebih ke tampilan atau desain blog itu sendiri.

Rasanya selalu ingin improvisasi tampilan blog meskipun sudah memasang template atau tema yang bagus.

Salah satunya yaitu pada bagian Header Blog. Pada waktu itu bagian dari header yang ingin saya perbaiki yaitu model hurufnya.

Nah, oleh karena itu pada kesempatan kali ini saya akan share pengalaman saya mengenai Cara Mengganti Model Font Header dan Deskripsi Blogger tersebut.

Berikut langkah-langkah Mengganti Model Font Header dan Deskripsi Blogger :

  • Login ke akun blogger.
  • Masuk ke menu "Tema" > "Edit HTML"
  • Lalu cari kode di bawah ini.
#header h1 {
  • Kode di atas adalah kode css untuk Header/Judul Blog, biasanya ada kode pengiringnya seperti berikut :
font-family: tahoma, arial;
font-size: 12px;
  • Lalu cari juga kode css seperti dibawah ini :
#header .description {
  • Kode tersebut adalah kode css untuk deskripsi blog tersebut.
  • Kode css deskripsi blog tersebut juga ada kode css pengiringnya sama seperti kode css header.
  • Setelah kedua kode css tersebut ketemu, silahkan edit bagian mana yang ingin di rubah. Jika hanya model hurufnya saja maka yg perlu di rubah hanya di bagian "font-family", ganti dengan model huruf yang diinginkan.
  • Jika kedua kode css tersebut tidak ada di dalam template yang teman-teman pakai, maka silahkan tambahkan kode tersebut ke dalam template yang teman-teman gunakan seperti berikut ini.
#header h1 {
margin-left: 20px;
margin-top: 20px;
color: #ff6600;
font-family: arial;
font-size: 15px;

#header .description {
margin-left: 20px;
margin-top: 20px;
color: #ff6600;
font-family: arial;
font-size: 15px;
}
  • Tambahkan kode tersebut di atas kode "]]></b:skin>"
  • Setelah dirasa cukup, silahkan Simpan hasil editan template tersebut.

Demikianlah Cara Mengganti Model Font Header dan Deskripsi Blogger. Semoga bermanfaat dan selamat berkreasi.

Rudi Etnovian Hadi Kurniawan
Rudi Etnovian Hadi Kurniawan Agen HNI HPAI Sekaligus Seorang Blogger dan Menyediakan Jasa Pembuatan Website Sejak Tahun 2008
Iklan