ធាតុក្រាហ្វិកចុចចូលទៅទំព័រ Twitter, Facebook, Rss, Youtube និង G+
ជាទូទៅពេលយើងបង្កើតប្លកបានហើយ យើងតែងតែទោបង្កើតទំព័រ ឬប៉ុស្តិ៍ផ្សាយនៅតាម Twitter, Facebook, Rss, Youtube និង G+ ដែលសុទ្ធសឹងតែជាបណ្ដាញសង្គមល្បីៗ ដែលជាទីមនុស្សចេញចូលរាល់ថ្ងៃ, ដូច្នេះបើម្ចាស់ប្លកចង់មានអ្នកចូលមើលប្លកច្រើន គឺមិនអាចរំលងត្រង់ចំណុចនេះបានទេ។ ឥឡូវខ្ញុំសូមបង្ហាញធាតុក្រាហ្វិក (widget) ដែលជាឆ្នុច (button) មានរូបតំណាងបណ្ដាញសង្គម សម្រាប់ដាក់ឲ្យអ្នកចូលមើលប្លកគេចុចចូលទៅកាន់ទំព័រ ឬ ប៉ុស្តិ៍ផ្សាយដែលលោកអ្នកបានបង្កើតនោះ។
៙ ធាតុក្រាហ្វិកចុចចូលទៅទំព័រ Twitter, Facebook, Rss, Youtube និង G+ ៖
- កត់ត្រាចូល (Log In) ក្នុងគណនី Blogger របស់លោកអ្នកជាមុនសិន។
- ចូលទៅកាន់ផ្នែក Layout >> រួចចុចលើតំណអក្សរ Add a Gadget នៅទីតាំងណាមួយ (ឧទាហរណ៍សូមមើលរូបខាងក្រោម)
- រមូរចុះ (scroll down) រកមើល gadget ដែលមានឈ្មោះថា HTML/JavaScript រួចចុចលើវាដើម្បីបើក (មើលរូបខាងក្រោមនេះ)
-ចម្លងកូដខាងក្រោមនេះ យកទៅបិទភ្ជាប់ក្នុង HTML/JavaScript Gadget ដោយដូរ URL តាមគណនីនីមួយៗ ហើយចុចប៊ូតុង Save ។
បន្ថែម ៖ ចំពោះឈ្មោះ widget អាចដាក់ឬមិនដាក់ក៏បាន។
កូដធាតុក្រាហ្វិកចុចចូលទៅទំព័រ Twitter, Facebook, Rss, Youtube និង G+
<style type="text/css">
.pbtv2Social {
display: block;
margin: 2em auto;
width: 200px;
height:40px;
}
.pbtv2Social span {
float: left;
display: inline;
margin-right: 8px;
}
.pbtv2Social span a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-color:none;
background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhusLqU1TaHpgJUy1sktlZaFbcW9_Jv2gn89bwwxUjPdXvs19I1BhfvXjtAPKeg3KFlCXpPW0-TS26raN7H7jNXwZ4L1ypcZEg7sU_O_4NR9JxGLaaF6LVin2AHhNnmWyUm-PeDs38aJF-0/s1600/social+icon.png") 0 0 no-repeat;
}
#iconTwitter {background-position: -33px -33px;}
#iconFacebook {background-position: -66px -33px;}
#iconRSS {background-position: 0 -33px;}
#iconYouTube {background-position: -99px -33px;}
#iconGooglePlus {background-position: -132px -33px;}
#iconTwitter:hover {background-position: -33px 0;}
#iconFacebook:hover{background-position:-66px 0}
#iconRSS:hover{background-position:0 0}
#iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus:hover{background-position:-132px 0}
</style>
<div class='pbtv2Social'>
<span><a href='https://twitter.com/KhmerThink' id='iconTwitter' target='_blank' title='Follow us on Twitter'>Twitter</a></span>
<span><a href='http://www.facebook.com/KhmerThink.khmer' id='iconFacebook' target='_blank' title='Join us at Facebook'>Facebook</a></span>
<span><a href='http://feeds.feedburner.com/blogspot/FpLci' id='iconRSS' target='_blank' title='Subscribe our RSS Feed'>RSS</a></span>
<span><a href='http://www.youtube.com/channel/UCdmqJ87bCAxR4kPsgrulF3A?feature=mhee' id='iconYouTube' target='_blank' title='Follow our YouTube Channel'>YouTube</a></span>
<span><a href='https://plus.google.com/u/0/103848333741261169063'id='iconGooglePlus' rel="author" target='_blank' title='Follow us at Google+'>Google</a></span></div>
ចំណាំ ៖ លោកអ្នកត្រូវដូរតំណ URL របស់គណនីសបណ្ដាញសង្គមនីមួយៗ ឲ្យទៅជារបស់អ្នកវិញ ហើយចុច Save ជាការស្រេច។ widget មួយនេះគេច្រើនតែដាក់វានៅផ្នែកខាងលើគេដើម្បីងាយស្រួលដល់អ្នកចូលមើលប្លកឆាប់ឃើញ។
<style type="text/css">
.pbtv2Social {
display: block;
margin: 2em auto;
width: 200px;
height:40px;
}
.pbtv2Social span {
float: left;
display: inline;
margin-right: 8px;
}
.pbtv2Social span a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-color:none;
background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhusLqU1TaHpgJUy1sktlZaFbcW9_Jv2gn89bwwxUjPdXvs19I1BhfvXjtAPKeg3KFlCXpPW0-TS26raN7H7jNXwZ4L1ypcZEg7sU_O_4NR9JxGLaaF6LVin2AHhNnmWyUm-PeDs38aJF-0/s1600/social+icon.png") 0 0 no-repeat;
}
#iconTwitter {background-position: -33px -33px;}
#iconFacebook {background-position: -66px -33px;}
#iconRSS {background-position: 0 -33px;}
#iconYouTube {background-position: -99px -33px;}
#iconGooglePlus {background-position: -132px -33px;}
#iconTwitter:hover {background-position: -33px 0;}
#iconFacebook:hover{background-position:-66px 0}
#iconRSS:hover{background-position:0 0}
#iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus:hover{background-position:-132px 0}
</style>
<div class='pbtv2Social'>
<span><a href='https://twitter.com/KhmerThink' id='iconTwitter' target='_blank' title='Follow us on Twitter'>Twitter</a></span>
<span><a href='http://www.facebook.com/KhmerThink.khmer' id='iconFacebook' target='_blank' title='Join us at Facebook'>Facebook</a></span>
<span><a href='http://feeds.feedburner.com/blogspot/FpLci' id='iconRSS' target='_blank' title='Subscribe our RSS Feed'>RSS</a></span>
<span><a href='http://www.youtube.com/channel/UCdmqJ87bCAxR4kPsgrulF3A?feature=mhee' id='iconYouTube' target='_blank' title='Follow our YouTube Channel'>YouTube</a></span>
<span><a href='https://plus.google.com/u/0/103848333741261169063'id='iconGooglePlus' rel="author" target='_blank' title='Follow us at Google+'>Google</a></span></div>
Subscribe to:
Post Comments (Atom)
0 comments: