កូដ​ធ្វើ​ឲ្យ​មាន​ប្រអប់​ព័ទ្ធ​ជុំវិញ​ប្រកាស នៅ​ក្នុង​ប្លុកករ

   រាល់​ស្បែក​ប្លុក (Template) ទាំង​អស់ មិន​សុទ្ធ​តែ​មាន​ប្រអប់ ឬ​អាច​ហៅ​ថា​ស៊ុម​ព័ទ្ធ​ជុំវិញ​នោះ​ទេ ហើយ​ពិសេស​ស្បែក​ប្លុក​ដែល​ប្លុកករ​បាន​ឲ្យ​មក​ស្រាប់។ ខុស​ពី​នោះ ស្បែក​ប្លុក​ដែល​លោក​អ្នក​បាន​ទាញ​យក​មក​ពី​ខាង​ក្រៅ​ក៏​មិន​ប្រាកដ​ថា​មាន ប្រអប់​ព័ទ្ធ​ជុំវិញ​ដែរ។ ឥឡូវ​នេះ ទីងមោង សូម​បង្ហាញ​នូវ​គន្លឹះ​នេះ ជូន​ដល់​លោក​អ្នក​ ដើម្បី​កែ​ឆ្នៃ​ប្លុក​របស់​យើង​ឲ្យ​កាន់​តែ​មាន​ភាព​ទាក់​ទាញ​ជាង​មុន។

   ប្រអប់ ឬ​ស៊ុម​ដែល​ខ្ញុំ​នឹង​បង្ហាញ​នៅ​ពេល​បន្តិច​ទៀត​នេះ មាន​រាង​ខុសៗ​គ្នា​ចំនួន​បី​ម៉ូត។ ដូច​នេះ លោក​អ្នក​ងាយ​ស្រួល​នឹង​ជ្រើស​រើស​វា​ណាស់ គឺ​ជ្រើស​យក​ប្រភេទ​ណា​មួយ​ដែល​ស៊ី​ចង្វាក់​គ្នា​ទៅ​នឹង​រាង​រៅ​នៃ​ប្លុក​របស់​អ្នក និង​អាច​ប្ដូរ​ពណ៌ (Color) ទៅ​តាម​អ្វី​ដែល​លោក​អ្នក​ចង់។ ខ្ញុំ​ក៏​សូម​អធ្យាស្រ័យ​ផង​ដែរ ដែល​មិន​អាច​ដាក់​ឲ្យ​មើល​សាក​ល្បង (Demo) បាន ប៉ុន្តែ​ខ្ញុំ​មាន​​រូប​ភាព​គម្រូ​មួយ​ដែល​ នៅ​ពេល​ទីងមោង បាន​ដាក់ ស៊ុម​ទាំង​នោះ។ សូម​មើល​រូប​គម្រូ​ខាង​ក្រោម​នេះ :D

   បន្ទាប់​ពី​លោក​អ្នក​បាន​មើល​គម្រូ​នេះ​រួច​ហើយ សូម​បន្ត​ទៅ​​មើល​ពី​របៀប​ដាក់​ខាង​ក្រោម​នេះ

៙ ​របៀប​ដាក់ប្រអប់​ព័ទ្ធ​ជុំវិញ​ប្រកាស ៖ 
- កត់ត្រា​ចូល Log In ក្នុង​គណនី​ Blogger របស់​អ្នក​។
- ចូល​ទៅ​កាន់​ម៉ឺនុយ Template >> Edit HTML (មើលរូប)

- រក​មើល​ស្លាក <b:skin>...</b:skin> ដោយ​ចុច​លើ​សញ្ញា​ព្រួញ​ពណ៌ខ្មៅ​ដែល​នៅ​ពី​​មុខ​វា

- រមូល​ចុះ (scroll down) ទៅ​ដល់ ]]></b:skin>
- ចម្លង​កូដ​ខាង​ក្រោម​ទៅ​បិទ​​ភ្ជាប់​ ​នៅ​ពី​លើ​ស្លាក ]]></b:skin> ​។ (មើល​ឲ្យ​ច្បាស់​ពី ទី​តាំង​ដាក់​កូដ)

កូដ​ដែល​ត្រូវ​យក​ទៅ​ដាក់​នៅ​ខាង​លើ​ស្លាក ]]></b:skin>

* ម៉ូត​ទី​១ ៖ 

   ម៉ូត​ទី​មួយ​នេះ មាន​រាង​ជ្រុង​ (មើល​រូប និង​មើល​កូដ) ៖

.post
{
box-shadow:1px 1px 4px  #ff0000;
-moz-box-shadow:1px 1px 4px  #ff0000;
-webkit-box-shadow:1px 1px 4px  #ff0000;
-goog-ms-box-shadow:1px 1px 4px  #ff0000;
}

* ម៉ូត​ទី​២ ៖ 

   ម៉ូត​ទី​ពីរ​នេះ មាន​រាង​ស្លឹក​ឈើ​ (មើល​រូប និង​មើល​កូដ) ៖

.post
{
border:1px solid #ff0000;
border-top-right-radius:50px;
-moz-border-radius-topright:50px;
-webkit-border-top-right-radius:50px;
border-bottom-left-radius:50px;
-moz-border-radius-bottomleft:50px;
-webkit-border-bottom-left-radius:50px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:15px;
}

* ម៉ូត​ទី​៣ ៖ 

   ម៉ូត​ទី​បី​នេះ មាន​រាង​ស្ទើរ​មូល​ (មើល​រូប និង​មើល​កូដ) ៖

.post
{
border:1px solid #ff0000;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

- ​នៅ​ពេល​ដែល​លោក​អ្នក​ធ្វើ​ការ​ជ្រើស​រើស និង​បាន​ដាក់​កូដ​រួច​ហើយ សូម​ធ្វើ​ការ Save Template របស់​លោក​អ្នក​ផង។ គួរ​ដឹង​ផង​ដែរ​ថា កូដ​ពណ៌​របស់​វា​អាច​ប្តូរ​បាន​តាម​ចិត្ត ហើយ​លោក​អ្នក​មិន​អាច​ជ្រើសរើស​ប្រភេទ​ ស៊ុម​ទាំង​នោះ ទៅ​ដាក់​ក្នុង​ប្លុក​លើស​ពី​មួយ​បាន​ទេ ព្រោះ​វា​មិន​ដឹង​ថា​ត្រូវ​បោះ​ស្តាយ ចេញ​ពី មួយ​ណា ទៅ​មួយ​ណា​ឡើយ។ :D សូម​អរគុណ :D

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

Tweet