បង្កប់ Google Web Fonts នៅ​ក្នុង​ប្លក់ ដែល​ម្ចាស់​ប្លក់​ទាំង​ឡាយ​គួរ​តែ​ដឹង

   ដោយ​សារ​មើល​ឃើញ​ពី​តម្រូវ​ការ​របស់​បង​ប្អូន​ខ្មែរ ដែល​ជា​ម្ចាស់​ប្លក់​ទាំង​ឡាយ​មាន​ចម្ងល់​ទៅ​លើ​ការ​ប្រើ​ប្រាស់​ពុម្ព​ អក្សរ​ខ្មែរ​ជា​ម៉ូត​ផ្សេងៗ​ តែ​មិន​ទាន់​ចេះ​ដាក់។ ជា​ដំបូង​ខ្ញុំ​សូម​ណែ​នាំ​លោក​អ្នក​ឲ្យ​ស្គាល់​សិន​ថា តើ​យើង​ដាក់​ Google Web Fonts នេះ​ក្នុង​គោល​បំណង​អ្វី? ការ​ដាក់​ Google Web Fonts នេះ​គឺ​យើង​ចង់​ឲ្យ​ប្លក់​របស់​យើង​បង្ហាញ​ជា​ម៉ូត​អក្សរ​ផ្សេងៗ​ដែល​មាន​នៅ ​ក្នុង​ Google Web Fonts ដែល​យើង​អាច​ដាក់​បាន​តាម​តម្រូវ​ការ។ ជា​ពិសេស​ការ​ដាក់ Google Web Fonts អាច​ធ្វើ​ឲ្យ​អ្នក​ទស្សនា​មាន​ការ​ចាប់​អារម្មណ៍ គឺ​ស្អាត ហើយ​ទោះ​បី​ជា​កុំព្យូទ័រ​របស់​គេ​គ្មាន​ពុម្ព​អក្សរ​ប្រភេទ​នោះ​ក៏​ដោយ​ ក៏​គេ​អាច​មើល​ម៉ូត​អក្សរ​នោះ​បាន​ដែរ។

   លោក​អ្នក​មិន​ត្រឹម​តែ​អាច​ដាក់​បាន​តែ​មួយ​ប្រភេទ​ក្នុង​ប្លក់​មួយ​នោះ​ទេ គឺ​អាច​ដាក់​បាន​គ្រប់​ទាំង​អស់ តែ​សូម​ស្វែង​យល់​បន្ថែម​ដោយ​ខ្លួន​ឯង​បន្ត​ទៀត។ អ្វី​ដែល​សំខាន់​ជាង​នេះ​ទៅ​ទៀត​លោក​អ្នក​ត្រូវ​ដឹង​ថា នៅ​លើ​ទូរស័ព្ទ​ដៃ​ទោះ​ជា​គ្មាន​ពុម្ព​នោះ ឬ​គ្មាន​យូនីកូដ ក៏​អាច​មើល​ម៉ូត​ពុម្ព​អក្សរ​ដែល​លោក​អ្នក​បង្កប់​ដែរ។ ឥឡូវ​​នេះ​ខ្ញុំ​សូម​​បង្ហាញ​ជូន​ជា​ឧទាហរណ៍​ជាក់​ស្ដែង​តែ​ម្តង​ ព្រោះ​ថា​បើ​និយាយ​សើៗ ច្បាស់​ជា​មិន​យល់​ទេ។ ដូច​នេះ​សូម​លោក​អ្នក​អនុវត្ត​ជាក់​ស្តែង​ជា​មួយ​ខ្ញុំ​​តែ​ម្តង​ទៅ ៖

៙ ជំហាន​ទី១ (ការ​យក​កូដ​ចេញ​ពី Google Web Font) ៖
- ចំណុច​ផ្តើម​ សូម​ចូល​ទៅ​កាន់​គេហទំព័រ Google Web Fonts
- ជ្រើស​រើស​ភា​សា​នៅ​ត្រង់ Latin >> Khmer (មើល​រូប​ភាព)
- ឥឡូវ​នេះ​ខ្ញុំ​សូម​ជ្រើស​រើស​យក​ពុម្ព​អក្សរ​មួយ​ដែល​មាន​ឈ្មោះ​ថា Preahvihear ទៅ​ដាក់​ក្នុង​មីនុយ។
- យើង​ត្រូវ​ចុច​ពាក្យ​ថា "Add to Collection" (មើល​រូប)
- បន្ទាប់​មក​សូម​ចុច​ពាក្យ​ "Use"
- រមូរ​ចុះ​ក្រោម​ដើម្បី​យក​កូដ​នៅ​ត្រង់ "3. Add this code to your website:"
- ចម្លង​កូដ​នៅ​ក្នុង​ប្រអប់​​នោះ​ទាំង​អស់ (សូម​មើល)

៙ ដល់​ពេល​ត្រូវ​បិទ​ភ្ជាប់​ក្នុង​ប្លក់​របស់​អ្នក​វិញ​ម្តង​ហើយ ៖
- Login ចូល​គណនី​ Blogger >> Template >> Edit Template
- ស្វែង​រក​កូដ​ដែល​មាន​ឈ្មោះ​ថា <head> ហើយ​បិទ​ភ្ជាប់​កូដ​ដែល​អ្នក​បាន​ចម្លង​ពី Google Web Fonts អំបាញ់​មិញ​នេះ​នៅ​ពី​ខាង​ក្រោម​កូដ <head> (មើល​រូប​ដើម្បី​ងាយ​យល់)
*** នៅ​ពេល​បិទ​ភ្ជាប់​កូដ​នៅ​ខាង​ក្រោម <head> សូម​កុំ​ភ្លេច​សរសេរ​សញ្ញា / នេះ​ថែម​ នៅ​ជិត​ចុង​ក្រោយ ៖
>> សូម​មើល :
៙ កូដ​ទាំង​ស្រុង ៖
<link href='http://fonts.googleapis.com/css?family=Preahvihear' rel='stylesheet' type='text/css'>

៙ កូដ​ដែល​សរសេរ​ថែម ៖
<link href='http://fonts.googleapis.com/css?family=Preahvihear' rel='stylesheet' type='text/css'/>

- ចូល​ទៅ​កាន់ Google Web fonts វិញ។ សូម​រមូរ​ចុះ​ក្រោម​ទៀត ​នោះ​លោក​អ្នក​នឹង​ឃើញ​នៅ​ត្រង់ "4. Integrate the fonts into your CSS:"

- សូម​ចម្លង​កូដ​នោះ​ទៀត​ ដើម្បី​យក​ទៅ​ដាក់​ក្នុង​ Template ប្លក់​យើង​ទៀត។
- នៅក្នុង Template ដដែល​នោះ​សូម​រក​មើល​ស្លាក <b:skin>...</b:skin> ដោយ​ចុច​លើ​សញ្ញា​ព្រួញ​ពណ៌ខ្មៅ​ដែល​នៅ​ពី​​មុខ​វា ដើម្បី​ពន្លា​វា តែ​បើ​ពន្លា​ស្រាប់ មិន​ចាំ​បាច់​នោះ​ទេ។

- សូម​រក​កូដ ៖ (កូដ​នេះ សម្រាប់​ប្តូរ​ម៉ូត​អក្សរ​នៅ​លើ មីនុយ)
/* Tabs
----------------------------------------------- */

- សូម​មើល​កូដ​ទាំង​ឡាយ​ដែល​ឋិត​នៅ​ក្រោម​កូដ ៖
/* Tabs
----------------------------------------------- */

- បិទ​ភ្ជាប់​កូដ​ដែល​បាន​ចម្លង​មិញ​នេះ ​នៅ​បន្ត​ពី​កូដ​ដើម​របស់​​គេ (មើល​រូប​បាន​យល់)
- ធ្វើ​រួច​រាល់​សូម Save Template របស់​អ្នក​ ហើយ View វា​មើល​នោះ​នឹង​ឃើញ​លទ្ធផល :)

<---លទ្ធផល​នឹង​បង្ហាញ​ចេញ​ដូច​ខាង​ក្រោម---> 

អត្ថបទស្រដៀងគ្នា:

0 Response to "បង្កប់ Google Web Fonts នៅ​ក្នុង​ប្លក់ ដែល​ម្ចាស់​ប្លក់​ទាំង​ឡាយ​គួរ​តែ​ដឹង"

Post a Comment