-->

Cara Mengganti Jenis & Ukuran Font Judul & Deskripsi Blog

Cara Mengganti Jenis & Ukuran Font Judul & Deskripsi Blog


Jika anda tidak puas dengan jenis font dan ukuran huruf pada judul dan deskripsi blog anda saat ini, anda bisa menggantinya sesuai keinginan anda. Caranya? Ikuti beberapa langkah dibawah ini:


Sekarang silahkan login pada dasbor Blogger anda. Setelah itu lihat panel menu yang terdapat di sebelah kiri, yang tampilannya adalah seperti ini:


Cara Mengganti Warna Judul & Deskripsi Blog


Kemudian kliklah pada menu Template seperti gambar di atas, sehingga terbuka tampilan seperti di bawah ini:


Cara Memasang Gambar Header Blog via Edit HTML


Sekarang kliklah pada tombol Edit HTML, sehingga terbuka form edit HTML template anda seperti ini:



Cara Mengganti Warna Judul & Deskripsi Blog


Nah disinilah semua script atau kode template anda tersimpan, termasuk kode untuk mengubah warna judul dan deskripsi header blog anda. Sekarang carilah kode seperti ini:


#header h1 {

Ini adalah kelompok kode judul blog


#header .description {

Ini adalah kelompok kode deskripsi blog



Jika anda kesulitan mencari kode header tersebut diantara ribuan kode yang ada pada template blog anda, gunakan trik ini: Cara Cepat Mencari Kode pada Form Edit HTML Template.

Nanti dibawah kode tersebut bisa jadi akan anda lihat ada kode lain sebagai kode pengiringnya. Tapi yang perlu anda perhatikan adalah kode seperti ini:



font-family: tahoma, arial;
font-size: 12px;

Itulah kode yang mengatur jenis dan ukuran font pada template sebuah blog. Karena itu untuk menggnati jenis font dan ukuran Judul dan Deskripsi blog, anda tinggal ganti font-family dan angka dari font-size seperti diatas.

Jika kode seperti itu tidak ada, maka anda bisa tambahkan sendiri kedua baris kode seperti itu di bawah kode (#header h1) dan kode (#header .description). Posisinya terserah. Yang penting cara penulisannya sudah benar. Contoh penulisan lengkap keduanya lebih kurang seperti ini, dimana saya mengganti jenis fontnya dengan arial dan ukurannya 15 pixels:


#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;
}





Cara Mengganti Warna Judul & Deskripsi Blog


Setelah selesai melakukannya, jangan lupa klik tombol Simpan Template seperti gambar diatas. Lalu tunggu sampai prosesnya selesai. Setelah itu baru lihat perubahannya, apakah jenis dan ukuran font judul dan deskripsi blog anda sudah berubah sesuai yang anda ganti atau belum.
8 komentar
avatar
AHMAD BASUKI 20 Februari 2018 pukul 15.57

Alhamdulillah sukses. Terima kasih sangat bermanfaat.

Balas
avatar
AHMAD BASUKI 20 Februari 2018 pukul 15.59

Maaf tidak saya share.

Balas
avatar
Erianto Anas Admin 21 Februari 2018 pukul 11.38

Tak apa Ahmad Basuki

Balas
avatar
Agama dan Logika 16 November 2018 pukul 20.19

Luar biasa elegan blog sampeyan..!
Pengin deh blog saya ringkes, padet, alias efisien n efektif kayak blog sampeyan.
Boleh tahu, gimana caranya?
Makasih banget ilmunya.

Balas
avatar
Erianto Anas Admin 17 November 2018 pukul 01.18

Makasih apresiasi dan pengakuannya mas. Hehe .. ya rajin saja update dan utak-atik mas. Nanti lama-lama anda juga akan mengerti dan tahu sendiri caranya seiring berjalannya waktu. Kalau diborong kebut semalam tentu saja tdak mungkin

Balas
avatar
Endang Rizky 14 September 2019 pukul 06.31

Bukanya bisa ya gan di menu sesuaikan untuk mengubah ukuran dan font huruf,tapi saya pengen tahu ukuran huruf yang di rekomendasikan baik itu di pada judul,deskripsi,dll

Salam hangat dari admin
E-rizblog.blogspot.com

Balas
avatar
Erianto Anas Admin 24 September 2019 pukul 03.33

Bisa juga. Tapi pada bagian dan kasus tertentu, tidak selalu bisa mengandalkan ftur itu.

Kalau soal ukuran font deskripsi itu hanya soal desainnya

Balas
avatar
rahmahnz 22 Maret 2021 pukul 14.47

kalau ubah font di body post kenapa pas di format tebal atau miring kok ukuran huruf dan jenisnya gak ikut keganti ya?

Balas
Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Desember 2015 - Erianto Anas - blogernas