Ticker

6/recent/ticker-posts

Cara Merubah Warna Font pada Judul Postingan Blog

Sebenarnya tutorial ini sudah banyak beredar, namun tak ada salahnya kan jika saya share kembali tutorial cara mengganti warna judul postingan. Sebenarnya sangatlah mudah untuk mengganti warna ataupun font, namun butuh ketelitian yang baik karena kode dalam template berbeda-beda. Mungkin buat para master blogger tutorial ini sudah ketinggalan jaman, tapi taka da salahnya kan kita belajar, karena saya juga baru belajar. :D

Fungsi dari mengganti warna dan font tidaklain adalah untuk mempercantik blog, agar ya agar lebih cantik, :P
Berikut langkah-langkahnya.
Cara Mengganti Font Dan Warna Judul Postingan Blog
1. Login seperti biasa.
2. Masuk ke Template => Edit HTML
3. Cari Kode “ .post h2 { “ atau “ h2.post-title {  “ yang Mirip Seperti dibawah ini, jika anda beruntung anda akan langsung menemukannya, dan jangan lupa untuk menggunakan CTRL + F.
.post h2 {
font: 26px Oswald;
line-height: 1.2em;
margin: .25em 0 0;
padding: 0 0 4px;
color: #be591c;
atau seperti ini:
h2.post-title {
font-family: BenchNine;
color : #8B4513;
}

1. Jika dalam template sobat sudah ada  color dan font  anda hanya cukup mengubah warna dan fontnya saja:
Contoh di atas :
Color :#8B4513; anda cukup mengganti kode 8B4513 dengan warna yang anda inginkan.
Font-family:BenchNine;  Cukup ganti BenchNine dengan Times new roman atau font yang anda sukai.
Untuk warna cari di google dengan kata kunci “ Kode warna HTML” banyak kok. :P
Untuk jenis font tidak perlu repot-repot. Anda hanya perlu buka MS.Word dan lihat tulisannya.

2. Jika di template sobat  tidak ada fontnya, misalkan seperti ini:
h2.post-title {
color : #800080;
}
Maka sobat harus menambahkan font seperti di atas cukup tambahkan:
font-family: BenchNine;

4. Pratinjau terlebih dahulu, jika sudah benar, Save Template sobat.

Kode template berbeda-beda, tutorial tentang Cara Mengganti Font dan Warna Judul Postingan bisa saja tidak bisa diterapkan di template sobat, jadi jika sobat bingung, jangan sungkan-sungkan untuk bertanya dengan berkomentar dibawah.

Post a Comment

3 Comments

  1. Terimakasih gan, blog nya sangat bermanfaat, selalu berkarya gan..

    https://www.atmaluhur.ac.id/

    ReplyDelete
  2. Sama-sama gan, atas respon dan kunjungannya. nanti ane mampir ke alamat agan.

    ReplyDelete