ដាក់​រូបតំណាង​ចែករំលែក​​​បណ្ដាញ​សង្គម​ជា​ស្ទីល 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/AVvXsEgm8ACn9JbvB65eq1O1CJho2oDzVW6V8zccn31cq29LpV87D1kIxBybrp4grd32JF1EmeFVkLtn2MJQtfVWHY5HenMLWM_1Jk0xXAwt_6YTxHlnMAZ__LDJn0KzqIeHo0lgCCkudEB0FjXY/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/AVvXsEhmYnV6kfGO17kWMvj8qnswSXrktzDXXHmvtnjYGF5wjF7XHmUy6HgEJtyOv798uanhiFfA_n1gCbCXeo_zH-yKVKhug_ygd5yiwWVP-hNl20Jd809bqQEgSbJYIoEgGgHNF7oV0F4R4BOa/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/AVvXsEjmxZl_XaKCpFJjUoNq9xPg4ZOYtiICnBrRj69ZSC8hZW4iOaR1vi1R5J2KuQOR0i3L8JyhooGKq7A9XYhOSP4OW80haMYojhJW8dvf7fx5ahfK7kNbaL2DKA3T4ZyHI0YQV-gvu4TQ9rCp/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/AVvXsEjfxHTNGjw3FluAPtdbrb-cI5PTFDoDC25yjUGp-2wuRvg5FqGME_StAYqSAQMI-ny3z2buVSHnRqPjQC26pcpnKZyFE6IPm5vxSeXBBjlVd7y4usUzTbSO4efNOMZlI8aE7waVLT4rYXn4/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/AVvXsEgExsP7VleX3ArRGh4vlVLx3GF8-cBuAyEB7L_s8x1Ryvn0WjdWlRr8BwmOnjnSdhqZGPVKXURaC8-UNuxykLJc5lvkbEbe7EkP3w3G1PLmOAajynuc9aH8Ipb8Asac-eNFn-TCg-5io9Fv/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/AVvXsEgyHoxBVVXPyTYUjZnuoZfRbCsyj2God7K7YStrAQPL38wYloMDeltKsDbbrnhDQUTo8X1Vo0crfiLhcoiwLR-Zbb-JrTisxhIuhovrN33bYf_-2jhu-wVI7JIuwn-3KAYXkKRKwvXjOQJl/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/AVvXsEijQKrtpeivpmbU60eNB_LZ-OweF3bSEmg1U2A3qZldrcPW7rGtk-JFxDgTXezv4siRUe7MEReXALggbG0VMza95l7ofXKqdS6QPTQ3EUGFR5sWWga9LTp6hc4g1Z9YlknOrZWquaV7MoFx/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/AVvXsEgbJDfSc3Q5lnS8n3mJ03N9w1TocL5Xq63HGH5ORuvh8tbGHSSwz4Z-8AS5YVR5hw-L8PKUpCV85Mag4YnbFKQKBMxoKQmF0lEQh3XaxvxcKL2hhTsRBaqI5eelWkUW9-4HvYIChjiq6Kzr/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/AVvXsEjNRjO0Pk_BW7Hj2nWuD2iXsGi5lmWoqwD9tnf2E1HWLU5wMyNOMnYa394YOPtqgmAlK39xxRuoqOu_O6lgU2XBvifzJ_Xe4E8r2O4O4xgW9mpyDcyFbKEh3CiivblhUkiLgWeSgQQyQutj/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 ខាង​ក្រោម​អត្ថបទ​ប្លក" រួច​ហើយ  អ្នក​ទស្សនា​គេ​ប្រាកដ​ជា​ចង់​​ជួយ​ចែក​រំលែក​អត្ថបទ ដែល​គេ​ពេញ​ចិត្ត ​ទៅ​កាន់​បណ្ដាញ​របស់​ពួក​គេ​បាន​យ៉ាង​ងាយ។ ការ​ដាក់​ប៊ូតុង​ចែករំលែក​គឺ​មាន​សារប្រយោជន៍​ខ្លាំង​ណាស់ ដូចនេះ​ម្ចាស់​ប្លក​ទាំងឡាយ​មិន​គួរ​មើល​រំលង​ចំនុច​នេះ​ទេ៕

If You think it good please like ...... Facebook i1dlsong