តើប្លកលោកអ្នកមានប៊ូតុងចែករំលែកនៅខាងក្រោមអត្ថបទឬនៅ? ។ប្លកIdea For Khmer ធ្លាប់បានបង្ហាញពីរបៀបដាក់ប៊ូតុងចែករំលែក
ពីរបី ប្រភេទរួចខ្លះមកហើយ។ ក្នុងអត្ថបទនេះនឹងប្រាប់ពីរបៀប
ដាក់រូបតំណាងប៊ូតុងចែករំលែករបស់បណ្ដាញសង្គមនានាដែលមានស្ទីលជា Metro UI ដែលជា UI ថ្មីបំផុតរបស់
Windows 8 ។ វាមានរូបតំណាងរបស់បណ្ដាញសង្គមជារាងការ៉េ
មានពណ៌ផ្ទៃចំរុះ ជាមួយនឹងរូបសញ្ញាល្បីៗដូចជា ៖ Facebook, Twitter, Google+,
StumbleUpon, Evernote, Blogger, Email, Yahoo! Mail និង
អាចជ្រើសយកបណ្ដាញរាប់សិបបន្ថែមទៀតបាន បើសិនមិនទាន់ឃើញ។
- លោកគួរតែ បម្រុងទុក 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 =
{"data_track_addressbar":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 == "item"'>
<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/AVvXsEgBiQ8kzD8MTDIo9D32qAbInSzyLgtEm1ZXm3C-BDZ7ZQ8laspLX6ch-0_C6-7gWAZQ03stsEL4ls6qJyGrlLdq5lLDBqBfj89zM0AYZ8cMvtN_yjuMqVEfuElv6enOG7lL2g1TIRK2DJzg/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/AVvXsEhmt-fnPc7mSUQ8fEXxjGx0au9Bt8OJXROHb-VxeLgeY-KpHTME9FZg4aBq9PMmC_8MCibAnQK4vwYV5UEGKHKDtLS_tcT4Gt_vVzSVQsPP_KU2AzWStDsvaXGflcLvP9J-T5dwkJsdo8As/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/AVvXsEjKIrY8288uy7l9QVT706sv1jfC2SMGhguLn0YGphSYkf62rf28os66oUDSsx2yjmm60EEdqYlNEJcDpIEb9lXpBxTLpXqDml_7FKXhN_2KUkA77h_tDtqZU2-u0xwEr5xpQqHAJz7Htm5w/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/AVvXsEifo2wFX5MX257nx6L-v-dMSshVeZDvY8K36SD9UZLZaBrg9_6PcWkvWzP6REmlRLADljfHeMddxI4xiJo7nu_obE4-i3oUCIeMjxhgPcKaJVGbaCbUT1F6hacOc6Yxe6FUa22JEHJ7ew8v/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/AVvXsEjF48War7JI1wOyET6dDHL79SpzbIEsz94-056YbBIRCQKjoKlBgbExfYwRUF_Wvixrc5PPHOmq4Z1rlHRnaGDzp2nTzbbY9uH7GceEfjZePw32WAk1us5boZTiC4Dv8KieRjSVEJ1vbqPL/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/AVvXsEh3LGLD5A9KccxPK4S-QUNPCzPFGyLdXZLZm2vV7NKF4qlpqAdpmgxQyWoI3y03TEcQGuFO9S6uJ66voEkVpwkFS59bct9cNr8k4qR2VPptYNkMoWGgqRspB2tNZGGS68ztgkEWrPIzvQJo/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/AVvXsEiIGy3VtM0heqSyg7TXtu7RxrvTLkHZ9cIZe60NWuwFbVA_HqLDvc63_2r_1wCDrepfobZyQgCODlUzsXqwtrRGh6Y1XP6gVAoiguhQ0r8_I2vOqOGAUnIsPHnQzVB_LxRC924T9Q6k9R2C/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/AVvXsEg7MZBB-4N-2sMFnrx795zg0KMfheLvgIvRBJygzzPAzA4hB2kodxNcHgT6IW5YXMmid-9bb7Fnw_lZZjhE-Go-9aa2OqJnXSZ07OxjLIgFxL5n0jEUV9eD6w7THQW7RCNofpKs02J7SE5A/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/AVvXsEjB_iXSGD6NQ1vd8JUbM60JRTaBviNGcPkwHgqbWrQcOm04rIvRuGcl0YiDybO0QI_4MGUxhVHFk4D0t-_kx5kDWSR6crhmc4L9HZf5PrjqnQbA1LUM1TeO9fhb6nfHeo41md7QUyvZUYKz/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 ខាងក្រោមអត្ថបទប្លក"
រួចហើយ
អ្នកទស្សនាគេប្រាកដជាចង់ជួយចែករំលែកអត្ថបទ ដែលគេពេញចិត្ត
ទៅកាន់បណ្ដាញរបស់ពួកគេបានយ៉ាងងាយ។ ការដាក់ប៊ូតុងចែករំលែកគឺមានសារប្រយោជន៍ខ្លាំងណាស់
ដូចនេះម្ចាស់ប្លកទាំងឡាយមិនគួរមើលរំលងចំនុចនេះទេ៕