របៀប​ដាក់ Facebook Like Button និង Share ខាង​ក្រោម​អត្ថបទ​របស់ Blogger

ចែកចាយ:

បាទ​ក្នុង​អត្ថបទ​គន្លឹះ​មួយ​នេះ​យើង​និង​បង្ហាញ​ពី​ការ​ដាក់​កូដ ដើម្បី​បង្ហាញ​ Facebook Like Button និង Share ខាង​ក្រោម​អត្ថបទ​របស់ Blogger...

បាទ​ក្នុង​អត្ថបទ​គន្លឹះ​មួយ​នេះ​យើង​និង​បង្ហាញ​ពី​ការ​ដាក់​កូដ ដើម្បី​បង្ហាញ​ Facebook Like Button និង Share ខាង​ក្រោម​អត្ថបទ​របស់ Blogger សម្រាប់ template ដែល​វា​ជួយ​ឲ្យ​អ្នក​អាន​ងាយស្រួល​ចុច​ like និង share ជាពិសេស​គឺ​កូដ​នេះ​អាច​បង្ហាញ​មុខ friend ៗ របស់​ពួក​គេ ។


៙ របៀប​​រៀបចំ​កូដ Facebook Like Button ៖

១- ចូល​ទៅ https://developers.facebook.com/docs/plugins/like-button
២- ដាក់​តំណ​របស់​ទំព័រ Facebook លោកអ្នក នៅ​ត្រង់ URL to Like , ចុច​យក Button Size = large , ចុច​ធីក​យក Show Friends' Faces ដើម្បី​ឲ្យ​បង្ហាញ​មុខ​មិត្ត​របស់​អ្នក​ចុច like  ។

៣- រួច​ហើយ​ចុច​ប៊ូតុង Get Code នោះ​លោកអ្នក​នឹង​បាន​កូដ​ដូច​ស្រដៀង​រូប​ខាង​ក្រោម​នេះ ខុស​គ្នា​តែ​អាសយដ្ឋាន និង ID ទំព័រ​តែ​ប៉ុណ្ណោះ! ។
៤- ចម្លង «​កូដ​ទាំង​២​ប្រលោះ» ​យក​មក​ដាក់​តែ​មួយ​ និង​ទុក​មួយ​អន្លើ​សិន ។

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

១- ចូល​គណនី Blogger.com របស់​លោកអ្នក
២- ធ្វើ​ការ backup Template របស់​លោកអ្នក​ទុកជា​មុន​សិន មុន​​នឹង​អនុវត្តន៍
៣- ចូល​ទៅ​ផ្នែក Theme >>> Edit HTML
៤- ចុច​លើ​​កូដ​ (ដើម្បី​ដាក់​ម៉ៅ​លោត​ទឺតៗ​លើ​កូដ) រួច​ចុច Ctrl+F ដើម្បី​បើក​មុខងារ​ស្វែងរក​កូដ ។
៥- ស្វែង​រក​ពាក្យ <data:post.body/> ដែល​ពាក្យ​នេះ​មាន​បី​កន្លែង​ក្នុង template សូម​ដាក់​នៅ​ពាក្យ​ទីបី !!! (វា​អាច​នឹង​ប្រែប្រួល​ទី​តាម​ប្រភេទ template blogger ។
៦- ចម្លង​កូដ​ Facebook Like Button របស់​លោកអ្នក យក​ទៅ​ដាក់​នៅ​ក្រោម​ពាក្យ  <data:post.body/> និង Save ជាការស្រេច ។

ចំណាំ​៖ បើ​ដាក់​មិន​ឃើញ សូម​ប្ដូរ​កន្លែង​ដាក់​នៅ​ក្រោម​ពាក្យ <data:post.body/> ដែល​​អាច​មាន​ដល់​ទៅ​បី ។ កន្លែង​មួយ​មិន​ឃើញ​រាវ​ដាក់​កន្លែង​មួយ​ទៀត សម្រាប់ template របស់​ខ្ញុំ​នេះ​គឺ​ដាក់​នៅ​ទី​៣ បាន​ឃើញ ។

គំរូ​ទី​១ ​កូដ​ទាំង​២​ប្រលោះ យក​មក​ដាក់​ជាមួយ​គ្នា នោះ​យើង​នឹង​បាន​រូបរាង ៖


គំរូ​ទី​២ បើ​យើង​ចេះ​បន្ថែម​កូដ CSS នោះ​យើង​នឹង​បាន​រូបរាង​ស្រដៀង

ទម្រង់​កូដ​គំរូ​ទី​២​ដែល​មាន​ថែម CSS
[<div id='fb-root'/>
<script async='async' crossorigin='anonymous' defer='defer' src='https://connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v4.0&amp;appId=2334199693365246&amp;autoLogAppEvents=1'/>
<style>
.fb-like { border-radius: 6px;margin-top: 30px;padding: 25px !important;overflow: auto;
background-color: #eee;width: 100%;}</style>

<div class='fb-like' data-action='like' data-href='https://facebook.com/AKbalthom.Art' data-layout='standard' data-share='true' data-show-faces='true' data-size='large' data-width=''/>]


មតិ

Name

Google,1,កង្កែប,3,កញ្ឆែត,1,កំពឹស,1,កម្មវិធី,11,ការ៉េម,3,កិច្ចសម្ភាសន៍,4,ក្ដាម,2,ក្បាច់ខ្មែរ,18,ក្រាហ្វិក,32,ក្រាហ្វិក Rastor,3,ក្រាហ្វិក Vector,29,ខ,1,ខាត់ណា,1,ខ្ចៅ,2,ខ្នុរ,2,ខ្យង,1,គន្លឹះ,12,គន្លឹះ Blogger,7,គន្លឹះ Photoshop,1,គន្លឹះកុំព្យូទ័រ,10,គន្លឹះទូរស័ព្ទ,1,គុយទាវ,1,គោ,6,គ្រឿងក្លែម,1,គ្រឿងបុក,1,គ្រឿងសមុទ្រ,2,ងាវ,1,ចំណេះដឹងទូទៅ,1,ចំហុយ,5,ចៀន,9,ចេក,1,ឆា,29,ជ្រក់,3,ជ្រលក់,4,ជ្រុក,1,ជ្រូក,16,ឈូក,1,ញាំ,4,ដំណើប,1,ដំឡូង,2,ដំឡូងបារាំង,1,ដុត,1,ដូង,1,តៅហ៊ូ,4,ត្នោត,1,ត្រកួន,1,ត្រប់,1,ត្រយូងចេក,1,ត្រឡាច,1,ត្រី,8,ត្រីខ,1,ត្រីងៀត,1,ត្រីឆ្អើរ,1,ទាញយក,36,ទឹកឃ្មុំ,1,ទូរទស្សន៍,14,ធូរេន,1,នំ,6,បង្គា,7,បង្អែម,12,បំពង,3,បាយ,3,បុក,2,ប៊ូតុង,1,ប៉េងបោះ,4,ប្រហិត,3,ប្រហុក,2,ផ្កាខាត់ណា,1,ផ្សិត,3,ផ្អាប់,2,ពងត្រី,1,ព័ត៌មាន,11,ព័ត៌មាន​រចនា,1,ពុម្ពអក្សរ,47,ពុម្ពអក្សរខ្មែរ,46,ពុម្ពអក្សរបរទេស,1,ពុម្ពអក្សរអាក្បាលធំ,85,ពុម្ពអក្សរអាថ៌កំបាំង,1,ពោត,1,មាន់,10,មី,1,មីសួ,3,មឹក,2,ម្ទេស,7,ម្នាស់,1,ម្រះ,1,ម្រេច,2,យូនីកូដខ្មែរ,21,រូបភាពអក្សរ,23,រៀនរចនាពុម្ពអក្សរខ្មែរ,13,លត,1,ល្ពៅ,1,ល្ហុង,1,វចនានុក្រម,1,វិជ្ជាធ្វើម្ហូប,93,សម្ល,4,សារាយ,1,សាលាដ,1,ស៊ុត,7,ស៊ុប,2,សៀវភៅ,5,ស្ងោរ,10,ស្ពៃ,4,ស្លឹកគ្រៃ,3,ស្លឹកតយ,2,ស្អំ,1,អក្សរ,40,អង្ក្រង,1,អន្ទង់,1,អម្ពិល,2,អាំង,6,អ៊ីនធឺណិត,1,ឯកសារ,9,
ltr
item
អាក្បាលធំ: របៀប​ដាក់ Facebook Like Button និង Share ខាង​ក្រោម​អត្ថបទ​របស់ Blogger
របៀប​ដាក់ Facebook Like Button និង Share ខាង​ក្រោម​អត្ថបទ​របស់ Blogger
https://1.bp.blogspot.com/-6RMHdkiq5sA/XXezIHSAPSI/AAAAAAAAyAs/YUYl_PZDkNoTViu7xFsKFvCVIhRyTkxBACLcBGAs/s1600/Untitled-1.jpg
https://1.bp.blogspot.com/-6RMHdkiq5sA/XXezIHSAPSI/AAAAAAAAyAs/YUYl_PZDkNoTViu7xFsKFvCVIhRyTkxBACLcBGAs/s72-c/Untitled-1.jpg
អាក្បាលធំ
https://www.akbalthom.art/2019/09/facebook-like-button-share-blogger.html
https://www.akbalthom.art/
https://www.akbalthom.art/
https://www.akbalthom.art/2019/09/facebook-like-button-share-blogger.html
true
5060019090675378648
UTF-8
ផ្ទុក​ប្រកាស​ទាំងអស់ រក​មិន​ឃើញ​ប្រកាស​ទេ មើល​ទាំងអស់ អាន​បន្ថែម ឆ្លើយតប បោះបង់​ការ​ឆ្លើយតប លុប ដោយ ទំព័រ​ដើម ទំព័រ ប្រកាស មើល​ទាំងអស់ ណែនាំ​អត្ថបទសម្រាប់​អ្នក ៖ ចំណាត់​ក្រុម ប័ណ្ណសារ SEARCH អត្ថបទ​ទាំងអស់ រក​មិន​ឃើញ​ការ​ផ្គូផ្គង​​ប្រកាស​ណាមួយ​តាមសំណើ​របស់​អ្នក ត្រលប់​ទៅ​ទំព័រដើម ថ្ងៃ​អាទិត្យ ថ្ងៃ​ចន្ទ ថ្ងៃ​អង្គារ ថ្ងៃ​ពុធ ថ្ងៃ​ប្រហស្បតិ៍ ថ្ងៃ​សុក្រ ថ្ងៃ​សៅរ៍ Sun Mon Tue Wed Thu Fri Sat មករា កុម្ភៈ មីនា មេសា ឧសភា មិថុនា កក្កដា សីហា កញ្ញា តុលា វិច្ឆិកា ធ្នូ Jan Feb Mar Apr ឧសភា Jun Jul Aug Sep Oct Nov Dec ឥឡូវ​នេះ ១ ​នាទីមុន $$1$$ minutes ago ១ ម៉ោងមុន $$1$$ hours ago ម្សិលមិញ $$1$$ days ago $$1$$ weeks ago ច្រើន​ជាង ៥ សប្តាហ៍​មុន អ្នកតាមដាន តាមដាន មាតិកា​នេះ​ត្រូវ​បាន​ចាក់​សោ ជំហានទី១ : ចុច​ចែកចាយ​ទៅ​កាន់​បណ្ដាញ​សង្គម ជំហាន​ទី​២ : ចុច​លើ​តំណ​​ពី​បណ្ដាញ​សង្គម​​ចូល​មក​វិញ ចម្លង​កូដទាំងអស់ ជ្រើសរើស​កូដ​ទាំងអស់ កូដ​ទាំងអស់​ត្រូវ​បាន​ចម្លង​ទៅ​ក្ដារតម្បៀតខ្ទាស់​របស់​អ្នក មិន​អាច​ថតចម្លង​កូដ / អត្ថបទ​បាន​ទេ សូមចុច [CTRL] + [C] (ឬ CMD + C ជាមួយ Mac) ដើម្បី​ចំលង តារាង​មតិកា