សួស្តី! ពេលមុន ខ្ញុំបាទបានបង្ហាញរបៀប ដាក់ Widget ប្រអប់ហ្វេសប៊ុកឲ្យលោតមក មានផ្ទៃខាងក្រោយខ្មៅ ដែលឥលូវ នេះខ្ញុំប្រើរបៀបផ្សេងទៀតថ្វីត្បិតតែវាមើលទៅតិចនិកចាស់មែនតែយើងក៏អាចយកមកដាក់បណ្ដោះអាសន្នក៏បានដែរ។ ខាងក្រោមនេះគឺជាវិធី និងកូដមួយ ចំនួន៖
ជំហានទី១
- ចូលទៅកាន់ Blogger Dashboard > Layout > Add Widget ហើយរំកិលរបារចុះក្រោម ស្វែងរកប៊ូតុងនេះ
HTML/JavaScript
ចុចលើសញ្ញាបូកនោះវានឹងលោត ផ្ទាំងមួយទទេ ចូរចម្លងកូដខាងក្រោមដាក់៖
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".STlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.STlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTtmc3SYTegakku4DeOt9kHoH4PLjrjeb0vkqwGVLOz2IMMRAHLRpjHHjzchxyrOSh3ABPBnayCxudNbEn0RqMRWz7Mkl0a6RNUWBWAqBBqV7yHDiaKnT0b4JVcnTI4UdvAMxs9D0q-UdH/h120/faecbook+copy.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 200px;padding: 0 5px 0 40px;width: 240px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.STlikebox div{border:none;position:relative;display:block;}
.STlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.STlikebox span a{color: #808080;text-decoration:none;}
.STlikebox span a:hover{text-decoration:underline;}
</style><div class="STlikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Avakhmer/444939245623339&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>យកប្រអប់: <a href="http://avakhmer.blogspot.com/2013/11/blog-post_22.html">នៅទីនេះ</a></span>
</div>
</div> - សូមប្ដូរ https://www.facebook.com/pages/Avakhmer/444939245623339 ទៅជាទំព័រហ្វេសប៊ុកអ្នក។
- ប្រសិនបើធាតុ ក្រាហ្វិក facebook នេះមិនត្រូវធ្វើការឱ្យបានត្រឹមត្រូវបន្ទាប់ពីជំហានខាងលើ នោះមានន័យ ថា អ្នកត្រូវការបន្ថែម jQuery ទៅ Template របស់ អ្នក។ សូមអនុវត្តតាម ជំហានទី២ខាងក្រោម។
ជំហានទី២
- ចូលទៅកាន់ Blogger Dashboard > Template > Edit HTML យើងក៏អាច Backup Template(នៅ ចំហៀងខាងស្តាំផ្នែកខាងលើ) ទុកក៏ជាការគួរដែរ ព្រោះជៀសវាងប្រថុយនឹងការខូចខាត។
- ស្វែងរក ពាក្យ <head> ហើយចម្លងកូដខាងក្រោម ទៅបិតភ្ជាប់ពីក្រោមវា ឬ ស្វែងរក ពាក្យ </head> ហើយចម្លងកូដខាងក្រោម ទៅបិតភ្ជាប់ ពីលើវា។
_________________________________
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
បន្ទាប់ពី ធ្វើហើយសង្ឃឹមថា អ្នកនឹងធ្វើបានដូចរបស់ខ្ញុំដែរ មានចម្ងល់សូមបញ្ចេញមតិ៕