.png)
Before proceeding with the embedding process (commonly called 'embed') or usage instructions, please first back up your Blogger template. This precaution prevents potential malfunctions and protects your Blogger skin from damage.
For those with some coding experience:
These steps should be straightforward to follow.
For absolute beginners:
Please review carefully and proceed with caution.
This guide demonstrates how to create Khmer-English bilingual templates. For simplicity, I’ll break down the steps—see below:
Shortcut Method for Using Google Fonts:
1- Use the following code template (please copy and save):
<link href='https://fonts.googleapis.com/css?family=Poppins:400,700|Noto+Serif+Khmer:400,700' rel='stylesheet' type='text/css'/>
Notes:
Poppins is the English font name
Noto+Serif+Khmer refers to the Khmer font Noto Serif Khmer. Note that we must use plus signs (+) instead of spaces for font names containing spaces!
*400,700* represent font weights: 400 is Regular and 700 is Bold
Steps:
2- Go to your Blogger dashboard
3- Navigate to Theme > Click the dropdown arrow next to CUSTOMIZE > Select *Edit HTML**
4. Locate the <head> tag and paste the following code just above it, then click Save Template to confirm your changes.
How to locate the position for changing fonts in your template:
1- The next steps depend on what type of template you're using and how its code is structured for font modifications. In my template, it appears in the following format:
Code
'Roboto', sans-serif និង 'Roboto', sans-serif
'Poppins', Noto Serif Khmer និង 'Poppins', Noto Serif Khmer
Note:
The template we’re using doesn’t rely on a single font. For example, my template isn’t limited to just Roboto—it supports multiple fonts.
To locate and modify fonts:
Search for these keywords in the template code:
font:
font-family:
Adjust font weights by changing:
From Normal to Bold
Or from 400 (Regular) to 700 (Bold)
This method should streamline font customization in your Blogger template.