[គន្លឹះ]: រៀបដាក់ Widget ចុចចូលទំព័របណ្ដាញសង្គម G+, Facebook, Twitter និង Rss. ~ អំបូរ អាយធី

5/21/2015

[គន្លឹះ]: រៀបដាក់ Widget ចុចចូលទំព័របណ្ដាញសង្គម G+, Facebook, Twitter និង Rss.

5/21/2015 07:35:00 AM Mrsokpon No comments

នៅក្នុងអត្ថបទនេះខ្ញុំសូមបង្ហាញអំពើគន្លឹះនៃការដាក់ Widget ដែលជាតំណភ្ជាប់របស់ទំព័រ ឬ គណនីបណ្ដាញសង្គមរបស់ប្លករបស់លោកអ្នក ដើម្បីអ្នកចូលមើល អាចទៅចុចអ្វីដែលចូលចិត្ត ឬ ចូលទៅមើលនៅតាមបណ្ដាញសង្គមវិញ។ ធ្វើរបៀបនេះគឺដើម្បីដឹងជញ្ជូនអ្នកមើលពីប្លក ឲ្យទៅមើលទំព័ររបស់យើងដែលនៅតាមបណ្ដាញវិញ។

របៀបដាក់ Sliding Social Sharing Widget

ជំហានទី០១: កត់ត្រាចូលក្នុង (Log In) គណនី Blogger របស់លោកអ្នក។
ជំហានទី០២: ចូលទៅកាន់ Layout >> ចុចលើតំណអក្សរ Add a Gadget នៅទីតាំងណាមួយ (ឧទាហរណ៍សូមមើលរូបដូចខាងក្រោម)

ជំហានទី០៣: រមូរចុះ (scroll down) រកមើល gadget ដែលមានឈ្មោះថា HTML/JavaScript រួចចុចលើវាដើម្បីបើក (មើលរូបូចខាងក្រោមនេះ)

ជំហានទី០៤: ចម្លង "Sliding Social Sharing Widget" ខាងក្រោមនេះ យកទៅដាក់ភ្ជាប់ក្នុង HTML/JavaScript Gadget ដោយដូរ URL ហើយចុចប៊ូតុង Save ជាការស្រោច។

កូដ (Code) : Sliding Social Sharing Widget.
<style>
/*--------Social Sharing Widget ------*/
.socialsharing a {
display:block;
height:50px;width:50px;padding:0 4px;float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-rsyGkiX328MuMf_M58Ydan-mtBuAlOecILDVPQaz2QGg674kavUEuN_l34V77YoJCTxFev1v7IOCJI_JNeWj3Ww_99lGz6MP5mSXctY-ROscXijEq7WXe1A-8WnPfDB1VLzUskHoG8U/s1600/Sharing+buttons.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.socialsharing a.googleplus {
background-position: 0px -58px;
}
.socialsharing a.googleplus:hover {
background-position: 0px 0px;
}
.socialsharing a.twitter {
background-position: 0px -290px;
}
.socialsharing a.twitter:hover {
background-position: 0px -232px;
}
.socialsharing a.facebook {
background-position: 0px -406px;
}
.socialsharing a.facebook:hover {
background-position: 0px -348px;
}
.socialsharing a.rss {
background-position: 0px -174px;
}
.socialsharing a.rss:hover {
background-position: 0px -116px;
}
</style>
<br />
<div class="socialsharing">
<a class="rss" href="RSS Link" rel="external nofollow" target="_blank"></a>
<a class="googleplus" href="Google profile link" rel="external nofollow" target="_blank"></a>
<a class="facebook" href="Facebook page Link" rel="external nofollow" target="_blank"></a>
<a class="twitter" href="Twitter Link" rel="external nofollow" target="_blank"></a>
</div>

ចំណាំ ៖ លោកអ្នកត្រូវប្ដូរតំណ URL របស់គណនីនៅបណ្ដាញសង្គមនីមួយៗ សិន ។
ជំហានទី០៥: ផ្ដាស់ប្ដូររួចរាល់ហើយសូមចុច Save ជាការស្រេច.។ Widget មួយនេះគេច្រើនដាក់វានៅលើ ដើម្បីងាយស្រួលដល់អ្នកចូលមើលឆាប់ឃើញ..។

Posted in: [គន្លឹះខ្លីៗ]