ធ្វើ​ឲ្យ​ស្លាក < kbd > Tag ស្អាត​ជាង​មុន​ដោយ​ដាក់​ថែម​ផ្ទៃពណ៌​ប្រដេញ Gradient

សួស្ដី ខ្ញុំ​អត់​បាន​រៀន​កូដ HTML អី​ទេ តែ​ខ្ញុំ​សូម​លើក​យក​គន្លឹះ​តូច​មួយ​ទាក់ទង​នឹង HTML ។ នៅ​ក្នុង HTML មាន​ស្លាក <kbd> Tag ដែល​គេ​ទុក​ប្រើ​សម្រាប់​រំលេច​ពាក្យ​ណាមួយ​ក្នុង​អត្ថបទ​ដោយ​វា​នឹង​​ប្រើប្រាស់​ពុម្ព​បែប monospace ហើយ​មាន​ស៊ុមព័ទ្ធ​ជុំវិញ​ជា​លំនាំដើម។ គេ​ប្រើ​វា​ភាគ​ច្រើន​សម្រាប់​រំលេច​នូវ​ការ​បង្ហាញ​ក្ដារចុច​ផ្លូវការ​ ឧទាហរណ៍ Ctrl + C = Copy ។ សម្រាប់​អ្នក​សរសេរ​អត្ថបទ​ទូទៅ​ក៏​អាច​ប្រើ <kbd> Tag បាន​ដែរ​ ប្រើ​ទៅ​តាម​អ្វី​ដែល​ខ្លួន​គិត​ថា​សាកសម ព្រោះ​ក្នុង​អត្ថបទ​នេះ​យើង​នឹង​បន្ថែម​ពណ៌​ផ្ទៃ​ ដើម្បី​ឲ្យ​កាន់តែ cute ។

៙ របៀប​ដាក់​កូដ​ចូល template Blogger ៖

1- ចូល​ទៅ Blogger.com ដើម្បី Login គណនី​របស់​លោកអ្នក 😅
2- ចូល​ទៅ​កាន់ Theme >> ចុច​សញ្ញា​ព្រួញ​ក្បែរ​ពាក្យ CUSTOMIZE ​ហើយ​យក​ពាក្យ Edit HTML

3- ស្វែងរក​ស្លាក ]]></b:skin> ហើយ​ចម្លង​កូដ​ខាង​ក្រោម​យក​ទៅ​ដាក់​ខាង​លើស្លាក​នោះ រួច​ចុច Save template ។

កូដ

kbd{font-size:90%;overflow-wrap:break-word; word-wrap:break-word; position:relative; color:#222; font-weight:500; font-family:monospace; background:linear-gradient(to right,#fce3ec,#ffe8cc); padding:.05rem .5rem .15rem; border-radius:99em}

ចំណាំ ៖ លោកអ្នក​អាច​កែប្រែ​កូដ​តាម​អ្វី​ដែល​ដឹង តែ​សម្រាប់​គំរូ​ពណ៌​ផ្ទៃ​ប្រដេញ Gradient ផ្សេងៗ​ទៀត​សូម​ចូល​ទៅ https://hypercolor.dev/ ចុចទីនេះ ។ ហើយ​កុំភ្លេច​កែ​ពណ៌​អក្សរ color:#222 ឲ្យ​ផ្ទុយ​នឹង​ពណ៌​ផ្ទៃ​ដើម្បី​ងាយស្រួល​មើល

៙ របៀប​ប្រើ​ក្នុង​អត្ថបទ ៖

1- ចុច​បង្កើត post ថ្មី​មួយ

2- សូម​ឈរ​លើ HTML tab សូម​ប្រើ​កូដ​តាម​ទម្រង់ <kbd>ពាក្យ</kbd> ។ ឧទាហរណ៍ ៖

កូដ

<kbd>Ctrl</kbd> + <kbd>C</kbd> = <kbd>Copy</kbd>

3- ជាលទ្ធផល​យើង​ទទូល​បាន​ស្ទីល​ដូចខាង​ក្រោម ៖

4- រួចរាល់​ហើយ!!! 😋

ជាង​ចុងក្រោយ ​សូម​អរគុណ​សម្រាប់​ការ​ចូល​មើល​ប្លក់​នេះ ជួប​គ្នា​នៅ​គន្លឹះ​ផ្សេងៗ​លើក​ក្រោយៗ​ទៀត ៕