ដាក់ព័ត៌មានអ្នកសរសេរប្លុក (About Author) ម៉ូតសាមញ្ញធម្មតា នៅផ្នែកចំហៀងនៃប្លុក
ជាដំបូង ខ្ញុំសូមនិយាយរឿងអត្ថប្រយោជន៍នៃការដាក់ ព័ត៌មានអ្នកសរសេរប្លុក (About Author) នៅក្នុងប្លុក។ ការដាក់ពត៌មានអ្នកសរសេរប្លុកនៅលើ ប្លុករបស់យើងមានអត្ថបទប្រយោជន៍យ៉ាងច្រើន ដែលអាចនាំអ្នកទស្សនាឲ្យបានស្គាល់យើង យ៉ាងឆាប់រហ័ស ពិសេសឲ្យគេអាចទាក់ទងមកយើង តាមរយៈបណ្ដាញសង្គម ហ្វេសប៊ុក (Facebook) ជាដើម។ កាលពីអត្ថបទមុន ខ្ញុំក៏ធ្លាប់បានបង្ហាញម្តងរួចមកហើយនូវ "របៀបដាក់ ព័ត៌មានអ្នកសរសេរប្លុក (About Author) ជាស្ទីល CSS"។
យ៉ាងណាមិញពេលនេះ ខ្ញុំនឹងបង្ហាញជូននូវរបៀបដាក់ព័ត៌មានអ្នកសរសេរប្លុក (About Author) ម៉ូតសាមញ្ញធម្មតា នៅផ្នែកចំហៀងនៃប្លុក ដែលងាយស្រួលដាក់ជាមុន ហើយក៏មិនសូវជាមានម៉ូតច្រើនដែរ គឺបែបធម្មតាៗ និងយើងអាចយកវាទៅដាក់នៅចំហៀងប្លុក។ សម្រាប់លទ្ធផលជាក់ស្ដែង [សូមចុចទីនេះ] ដើម្បីមើលគម្រូដែលខ្ញុំបាទ ទីងមោងបានធ្វើហើយរួចរាល់។ :D
៙ របៀបដាក់ព័ត៌មានអ្នកសរសេរប្លុក (About Author) ម៉ូតសាមញ្ញធម្មតា នៅផ្នែកចំហៀងនៃប្លុក ៖
- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របស់អ្នក។
- ចូលទៅកាន់ផ្នែក Layout >> រួចចុចលើតំណអក្សរ Add a Gadget នៅទីតាំងណាមួយ (ឧទាហរណ៍សូមមើលរូបខាងក្រោម)
- រមូរចុះ (scroll down) រកមើល gadget ដែលមានឈ្មោះថា HTML/JavaScript រួចចុចលើវាដើម្បីបើក (មើលរូបខាងក្រោមនេះ)
-ចម្លងកូដខាងក្រោមនេះ យកទៅបិទភ្ជាប់ក្នុង HTML/JavaScript ហើយចុចប៊ូតុង Save។
-បន្ថែម ៖ ចំពោះឈ្មោះ widget (Title) លោកអ្នកអាចដាក់ថា "អំពីម្ចាស់ប្លុក" ក៏បាន។
-ពេលដែល Save ហើយ សូមចាប់ទាញវាទៅដាក់ផ្នែកចំហៀងណាមួយនៃប្លុក (មើលរូប)។
*** ចំណាំ ៖ អ្នកត្រូវប្តូរកូដមួយចំនួន ៖
>> ប្តូរនៅត្រង់ដំណរូបភាព ៖ "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMb8aOqp41_i7Tykhh2jp6T4OLAEakpJUSUYvz-VcGlxle2hFqnsumbsnKCpMXzQVQIVlmhlpbiSgCmexs0gY1Pw4TqfG_pz8mlGCxxKJe-85_sh0lW8DzaOT7YftAcStOBl5UYgVvmM/s1600/chansanithum.jpg" ទៅជាដំណរូបភាពរបស់អ្នក។
>> នៅត្រង់ដំណហ្វេសប៊ុក ៖ "https://www.facebook.com/um.chansanith"ជាកន្លែងដំណទិសដៅដែលលោកអ្នកចង់ឲ្យវាទៅកាន់ គឺលោកអ្នកអាចប្ដូរទៅជាដំណនៃ ហ្វេសប៊ុករបស់អ្នកវិញ។
>> នៅត្រង់ពាក្យពេចន៍ ឃ្លោងឃ្លា មួយចំនួន សូមប្តូរទៅជាអ្វីដែលអ្នកចង់សរសេរ។
យ៉ាងណាមិញពេលនេះ ខ្ញុំនឹងបង្ហាញជូននូវរបៀបដាក់ព័ត៌មានអ្នកសរសេរប្លុក (About Author) ម៉ូតសាមញ្ញធម្មតា នៅផ្នែកចំហៀងនៃប្លុក ដែលងាយស្រួលដាក់ជាមុន ហើយក៏មិនសូវជាមានម៉ូតច្រើនដែរ គឺបែបធម្មតាៗ និងយើងអាចយកវាទៅដាក់នៅចំហៀងប្លុក។ សម្រាប់លទ្ធផលជាក់ស្ដែង [សូមចុចទីនេះ] ដើម្បីមើលគម្រូដែលខ្ញុំបាទ ទីងមោងបានធ្វើហើយរួចរាល់។ :D
៙ របៀបដាក់ព័ត៌មានអ្នកសរសេរប្លុក (About Author) ម៉ូតសាមញ្ញធម្មតា នៅផ្នែកចំហៀងនៃប្លុក ៖
- កត់ត្រាចូល Log In ក្នុងគណនី Blogger របស់អ្នក។
- ចូលទៅកាន់ផ្នែក Layout >> រួចចុចលើតំណអក្សរ Add a Gadget នៅទីតាំងណាមួយ (ឧទាហរណ៍សូមមើលរូបខាងក្រោម)
- រមូរចុះ (scroll down) រកមើល gadget ដែលមានឈ្មោះថា HTML/JavaScript រួចចុចលើវាដើម្បីបើក (មើលរូបខាងក្រោមនេះ)
-ចម្លងកូដខាងក្រោមនេះ យកទៅបិទភ្ជាប់ក្នុង HTML/JavaScript ហើយចុចប៊ូតុង Save។
-បន្ថែម ៖ ចំពោះឈ្មោះ widget (Title) លោកអ្នកអាចដាក់ថា "អំពីម្ចាស់ប្លុក" ក៏បាន។
-ពេលដែល Save ហើយ សូមចាប់ទាញវាទៅដាក់ផ្នែកចំហៀងណាមួយនៃប្លុក (មើលរូប)។
កូដដែលត្រូវយកទៅដាក់នៅក្នុង HTML/JavaScript
<style>
.author_info {
float: left;
width: Auto;
height:Auto;
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 15px;
margin-top: 15px;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: right;
margin: 0 0 0 10px;
}
.author_photo img {
width:120px;
border: 1px solid #666;
}
</style>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMb8aOqp41_i7Tykhh2jp6T4OLAEakpJUSUYvz-VcGlxle2hFqnsumbsnKCpMXzQVQIVlmhlpbiSgCmexs0gY1Pw4TqfG_pz8mlGCxxKJe-85_sh0lW8DzaOT7YftAcStOBl5UYgVvmM/s1600/chansanithum.jpg'/></div>
<p>ខ្ញុំបាទ ទីងមោង (ឈ្មោះហៅក្រៅ) ជាអ្នកសរសេរកំណត់ហេតុបណ្ដាញនៅលើប្លុកករជាភាសាខ្មែរ សម្រាប់ខ្មែរ ដើម្បីខ្មែរ។ រាល់អ្វីៗដែលខ្ញុំបានឃើញ បានមើល គឺខ្ញុំនឹងបង្ហាញជូនបន្តដល់លោកអ្នក ទោះបីខ្ញុំចេះតិចតួចស្ដួចស្ដើងក្ដី សមដូចពាក្យមួយឃ្លា ដែលតែងនិយាយថា ៖ «ចេះតិចតួច បង្រៀនអ្នកដទៃចាត់ទុកថាគ្រាន់»។ <b><a href='https://www.facebook.com/um.chansanith'>ទំនាក់ទំនងខ្ញុំ</a><br style='clear:both;'/></b></p>
</div>
.author_info {
float: left;
width: Auto;
height:Auto;
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 15px;
margin-top: 15px;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: right;
margin: 0 0 0 10px;
}
.author_photo img {
width:120px;
border: 1px solid #666;
}
</style>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMb8aOqp41_i7Tykhh2jp6T4OLAEakpJUSUYvz-VcGlxle2hFqnsumbsnKCpMXzQVQIVlmhlpbiSgCmexs0gY1Pw4TqfG_pz8mlGCxxKJe-85_sh0lW8DzaOT7YftAcStOBl5UYgVvmM/s1600/chansanithum.jpg'/></div>
<p>ខ្ញុំបាទ ទីងមោង (ឈ្មោះហៅក្រៅ) ជាអ្នកសរសេរកំណត់ហេតុបណ្ដាញនៅលើប្លុកករជាភាសាខ្មែរ សម្រាប់ខ្មែរ ដើម្បីខ្មែរ។ រាល់អ្វីៗដែលខ្ញុំបានឃើញ បានមើល គឺខ្ញុំនឹងបង្ហាញជូនបន្តដល់លោកអ្នក ទោះបីខ្ញុំចេះតិចតួចស្ដួចស្ដើងក្ដី សមដូចពាក្យមួយឃ្លា ដែលតែងនិយាយថា ៖ «ចេះតិចតួច បង្រៀនអ្នកដទៃចាត់ទុកថាគ្រាន់»។ <b><a href='https://www.facebook.com/um.chansanith'>ទំនាក់ទំនងខ្ញុំ</a><br style='clear:both;'/></b></p>
</div>
*** ចំណាំ ៖ អ្នកត្រូវប្តូរកូដមួយចំនួន ៖
>> ប្តូរនៅត្រង់ដំណរូបភាព ៖ "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMb8aOqp41_i7Tykhh2jp6T4OLAEakpJUSUYvz-VcGlxle2hFqnsumbsnKCpMXzQVQIVlmhlpbiSgCmexs0gY1Pw4TqfG_pz8mlGCxxKJe-85_sh0lW8DzaOT7YftAcStOBl5UYgVvmM/s1600/chansanithum.jpg" ទៅជាដំណរូបភាពរបស់អ្នក។
>> នៅត្រង់ដំណហ្វេសប៊ុក ៖ "https://www.facebook.com/um.chansanith"ជាកន្លែងដំណទិសដៅដែលលោកអ្នកចង់ឲ្យវាទៅកាន់ គឺលោកអ្នកអាចប្ដូរទៅជាដំណនៃ ហ្វេសប៊ុករបស់អ្នកវិញ។
>> នៅត្រង់ពាក្យពេចន៍ ឃ្លោងឃ្លា មួយចំនួន សូមប្តូរទៅជាអ្វីដែលអ្នកចង់សរសេរ។



