ដាក់​រូបតំណាង​ចែករំលែក​​​បណ្ដាញ​សង្គម​ជា​ស្ទីល Metro UI ខាង​ក្រោម​អត្ថបទ​ប្លក

ប្រភពៈ អាក្បាលធំ

តើ​ប្លក​លោក​អ្នក​មាន​ប៊ូតុង​ចែក​រំលែក​នៅ​ខាង​ក្រោម​អត្ថបទ​ឬ​នៅ? ។ប្លក​អាក្បាលធំ​ធ្លាប់​បាន​បង្ហាញ​ពី​របៀប​ដាក់​ប៊ូតុង​ចែករំលែក ​​ពីរបី ​ប្រភេទ​រួច​ខ្លះ​មក​ហើយ។ ​ក្នុង​អត្ថបទ​​នេះ​នឹង​ប្រាប់​ពី​របៀប ដាក់​រូប​តំណាង​ប៊ូតុង​ចែក​រំលែក​របស់​បណ្ដាញ​សង្គម​នានា​ដែល​មាន​ស្ទីល​ជា Metro UI ដែល ​ជា UI ថ្មី​បំផុត​របស់ Windows 8 ។

វា​មាន​រូប​តំណាង​របស់​បណ្ដាញ​សង្គម​ជា​រាង​ការ៉េ ​មាន​ពណ៌​ផ្ទៃ​ចំរុះ ជាមួយ​នឹង​រូប​សញ្ញាល្បីៗ​ដូចជា ៖ Facebook, Twitter, Google+, StumbleUpon, Evernote, Blogger, Email, Yahoo! Mail និង អាច​ជ្រើស​យក​បណ្ដាញ​រាប់​សិប​បន្ថែម​ទៀត​បាន​ បើ​សិន​មិន​ទាន់​ឃើញ។

របៀប​ដាក់​រូបតំណាង​បណ្ដាញ​សង្គម​ជា​ស្ទីល Metro UI ខាង​ក្រោម​អត្ថបទ​ប្លក៖

- កត់ត្រា​ចូល (Log In) ចូល​គណនី Blogger របស់​លោក​អ្នក។
- លោក​គួរ​តែ បម្រុង​ទុក Template ប្លក​លោក​អ្នក​សិន​ បង្ការ​ក្រែងលោ​​មាន​ហានិភ័យ។
- ចូល​ទៅ Template >> Edit HTML >> Proceed (សូម​មើល​រូប​ខាង​ក្រោម)

- ត្រូវ​ប្រាកដ​ថា​អ្នក​បាន​ចុច​ធីក​លើ Expend Widget Templates
- ស្វែង​រក​ពាក្យ​ថា  </body>  (បើ​​​ចង់​លឿន​សូម​ចុច : F3 ឬ Ctrl+F រួច​វាយ​ ពាក្យ​ស្វែង​រក​ខាង​លើ ក្នុង​ប្រអប់​ស្វែង​រក​របស់ Browser។
- ​ចម្លង ​script ខាង​ក្រោម​យក​ទៅ​បិទភ្ជាប់​ពី​លើ​ពាក្យ  </body> ​។ (សូម​មើល​រូប​ខាង​ក្រោម)

script របស់​បណ្ដាញ​សង្គម​​ស្ទីល​ជា Metro UI

<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=nguoiaolam' type='text/javascript'/>

- ស្វែង​រក​ពាក្យ​ថា  <data:post.body/>  (បើ​​​ចង់​លឿន​សូម​ចុច : F3 ឬ Ctrl+F រួច​វាយ​ ពាក្យ​ស្វែង​រក​ខាង​លើ ក្នុង​ប្រអប់​ស្វែង​រក​របស់ Browser។
- បើ Template ប្លក​របស់​​អ្នក​មាន​ស្លាក <data:post.body/> ច្រើន​ជាង​មួយ ហើយ​មិនដឹង​ថា​ត្រូវ​ដាក់​នៅ​កន្លែង​នោះ សូម​ស្វែង​រក​ស្លាក​មួយ​នេះ​វិញ  <div class='post-footer-line post-footer-line-1'/>  តែ​បើ​ប្លក​លោក​អ្នក​មាន​ដាក់​បញ្ចូល​កូដ​ជា​ច្រើន​ផ្សេងៗ​ហើយ​នោះ ឬ ​រក​អត់​ឃើញ​ សូម​ស្វែងរក​ស្លាក​មួយ​នេះ​ទៀត <div class='post-body entry-content'> ។
- ​ចម្លង​កូដ​ខាង​ក្រោម​យក​ទៅ​បិទភ្ជាប់​ពី​ក្រោម​ ពាក្យ  "ណាមួយ​ដែល​អ្នក​បាន​រក​ឃើញ" ​ រួច​ចុច​​ប៊ូតុង  Save Template ជា​ការ​ស្រេច។ (សូម​មើល​រូប​ខាង​ក្រោម)

កូដ​រូប​តំណាង​ប៊ូតុង​ចែក​រំលែក​របស់​បណ្ដាញ​សង្គម​ Metro UI

<b:if cond='data:blog.pageType == &quot;item&quot;'>



<div class='addthis_toolbox'>

<div style='font-size: 30px;'>share this post</div>

<div class='custom_images'>

<span class='fade'>

 <a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozLadhwjeSnuVuiyYEKFXdXrn4zC7bsU7FgyMhcbTM60mpqd69hVPp3H4qoRJCUpP8ibumvDQ57lkcigPZH2PxWa41kndmOJxYexYfEaTOeDMeFWPctp7KHZzZPrRSFkpmtWjcqtfnRvB/s57/Facebook%2520alt%25202.png' width='57'/></a>

  <a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxSMPN3KchMYsaKqoAJJ51ientEyT36q5tyBdV_2wlEEQAKSnjDFMDs9_CE1ycKGiaDud8kk8aUcOuW4DGScfwgWzeMijhCQ1YsSf_P-gbSxSdFkfKOZbGf1qQHH8kvjmNSGBJVt7YVof-/s57/Twitter%2520alt%25204.png' width='57'/></a>

  <a class='addthis_button_google_plusone_share'><img alt='Share to Google+' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1GXiStmbZ7xJGoI7CvVybH0ERzZqXHTjPvMrtebKUsF60yM7iJtS0gfLcx7HOulJf3eGV2N8kN6vnz7H297g-9rjRu8nS0e8RLFtpLciDVc8vk0d2KUEsDUnGKteauj-KZZkgDsYve40Z/s57/Google%252B%2520alt%25202.png' width='57'/></a>

  <a class='addthis_button_stumbleupon'><img alt='Share to Stumble Upon' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOp9lCLnORpOMJ8bej-Ps1fKTqA8viR5hEjLM6u2fVCPX64jK2WdNwfmYwDnTC3UGCDVqSL0mhfaHenvE5_coILcOGIaEiMg8tnCDPc118GhQm1Vi7svkSyqy26sIUhbGsdaQsil7GuA3B/s57/StumbleUpon%2520alt.png' width='57'/></a>

  <a class='addthis_button_evernote'><img alt='Share to Evernote' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDcWiMJ3gS6pORvzSQKbjRh_tQtp14jQd9Gm5DPJ0CoHKfQwj4S-ktGcDTXrN8Apfx2Alfgtn8SzqgElNFVhozcktGjQO3IpxggbSVMhwdu6SQXsBPfWo5XBQ9coZVhLEpTeQzqGqPrt4F/s57/evernote-icon.png' width='57'/></a>

  <a class='addthis_button_blogger'><img alt='Share to Blogger' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-FYXF3aMaBUw-yXXPSllwuu0a6PO1z7gMF4JIIGELfArgby2h1VEDKfofFcR3nOz9BkyQLX5BJBfRIQrUCDj_PSgc_mb2LlV3YnJz8htHdR5m79SQRq0YX9PGgfCNTtt-flwxXpS42fy/s57/Google%2520Blogger.png' width='57'/></a>

  <a class='addthis_button_email'><img alt='Share to Email' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggGb-KWcAdphnmYv9ZiW_TIJ7meUNkZA5kCEIcdIkyWWdt0In0idDxlafAzlunEvnpeP9f_J93XDDCgPVcWIcDi1U0jxlMKGG3WOlLAZIn6X9EVfrkVPaIrYdkNnb8wAZY-PWLrsrQkbm/s57/Mail%2520alt.png' width='57'/></a>

  <a class='addthis_button_yahoomail'><img alt='Share to Yahoo Messenger' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyOBlzag8dAOkUil4Qq_810yH9xBNUoM32gDiTIqMDpwJem33Quv4WquryGoUWKulDhht3Dm8Fb1qAOO8wrWYswgkNdnrSuiEk-vYNVQrErANxNsICPn311W-tRy9onVKhIAiYGbN_65LO/s57/Yahoo%2521%2520alt%25201.png' width='57'/></a>

  <a class='addthis_button_more'><img alt='More...' border='0' height='57' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimdwcbYmrK4NuDtp7TmpRn2aoGuyeUE8rsvh_SRdQlj2T0zujEfdweUtcvD3iSAeBYbA7s2pQN8hpRKl2upeZEsldkDY72Z5lczS7WlNYb1LfPe_NdrUGSDxRIQCuVah-rwvEzhdq-F9Ed/s57/Share%2520alt%25201.png' width='57'/></a>

</span>

</div>

</div>

</b:if>

++អ្នក​អាច​កែប្រែ​កូដ​ដូចជា៖
<div style='font-size: 30px;'>share this post</div> : កំណត់​ទំហំ​អក្សរ​គិត​ជា​ភីកសែល និង​ដូរ​ពាក្យ share this post ទៅ​ជា​ពាក្យ​ខ្មែរ​វិញ​ថា "ចែករំលែក​អត្ថបទ​នេះ" ក៏​បាន។

សង្ឃឹម​ថា ​បន្ទាប់​ពី​លោក​អ្នក​បាន​​ដាក់​កូដ "​រូបតំណាង​ចែករំលែក​​​បណ្ដាញ​សង្គម​ជា​ស្ទីល Metro UI ខាង​ក្រោម​អត្ថបទ​ប្លក" រួច​ហើយ  អ្នក​ទស្សនា​គេ​ប្រាកដ​ជា​ចង់​​ជួយ​ចែក​រំលែក​អត្ថបទ ដែល​គេ​ពេញ​ចិត្ត ​ទៅ​កាន់​បណ្ដាញ​របស់​ពួក​គេ​បាន​យ៉ាង​ងាយ។ ការ​ដាក់​ប៊ូតុង​ចែករំលែក​គឺ​មាន​សារប្រយោជន៍​ខ្លាំង​ណាស់ ដូចនេះ​ម្ចាស់​ប្លក​ទាំងឡាយ​មិន​គួរ​មើល​រំលង​ចំនុច​នេះ​ទេ៕