Sesuaikan Font

Langkah-langkah mengkustom template part - 3

Menyesuaikan font template

Cara menyesuaikan font template ada 2.

Melalui pengaturan Tema

Jika menggunakan metode ini, pilihan jenis font terbatas sesuai yang disediakan saja. Namun jika ingin menggunakan font selain yang disediakan, lanjut ke metode ke 2

Cara mengganti font melalui pengaturan Tema
1. Tekan tombol SESUAIKAN.
Sesuaikan Tema
2. Pilih Lanjutan
Sesuaikan Font template

Cek setiap bagian, ubah semua bagian yang terdapat pilihan font untuk teks. Pada template default, opsi ubah font tersedia untuk bagian berikut ini.

  1. Teks Halaman
  2. Latar
  3. Link
  4. Judul Blog
  5. Teks Tab
  6. Postingan
  7. Telusuri
  8. Berbagi
  9. Postingan Polpuler
  10. Navigasi Postingan
  11. Bilah Sisi
  12. Profile Penulls
  13. Label
  14. Atribusi

Melalui editor HTML template

Cara menambahkan font kedalam template HTML Blogger - Blogspot.

1. Tekan segitiga turun
Sesuaikan Tema
2. Pilih edit HTML
edit HTML

Untuk metode ini, disarankan menggunakan cara copy-paste CSS dari font yang diinginkan dan hindari menggunakan cara import CSS karena biasanya mengakibatkan kendala pemuatan atau error pada test PageSpeed (kecepatan halaman)

@font-face{
    font-family: Nama Jenis Font;
    font-style: italic;
    font-weight: 900;
    src: local('Nama Jenis Font'),url(https://fonts.cdnfonts.com/s/88496/NamaJenisFont-AaaBbbCccc.woff) format("woff");
    font-display: swap;
}

Untuk mencari jenis font, gunakan pencarian Google ketik kata kunci "web font". Hasil pencarian dari kata kunci tersebut akan menunjukkan penyedia berbagai jenis web font yang bisa digunakan dalam template.

Jika sudah ditentukan jenis font yang diinginkan letakkan CSS-nya di area seperti ditunjukkan dibawah ini.
</Group>
 */
 
/*---[ Letakkan CSS font-family di area ini ]----*/

/*!************************************************
 * Blogger Template Style
 * Name: Contempo
 **************************************************/
body{
overflow-wrap:break-word;
word-break:break-word;
word-wrap:break-word
}
Tujuan menentukan letak CSS font tersebut agar tidak campur aduk sehingga mudah ditemukan apabila ingin mengubahsuaikan ulang font yang sudah dimasukkan.
  Sebelumnya
Selanjutnya  
Label postingan : #Modifikasi template

Posting Komentar

Cookie Consent
Kami menyediakan "Cookies" untuk menganalisa kunjungan ke situs ini. Ingat dan sesuaikan pengaturan Anda.
Tidak ada jaringan!
Nampaknya koneksi internet sedang terganggu.
AdBlock Detected!
Bantu kami mengelola situs ini dengan menon-aktifkan Pemblokir Iklan atau memasukkan situs ini ke dalam whilelist Pemblokir iklan Anda, Terima Kasih.
Site is Blocked
Sorry! This site is not available in your country.