របៀបដាក់ Facebook Like Statics ក្នុងblogger

1. ចូលទៅកាន់ Blogger របស់អ្នក

2. ចូលទៅកាន់ Lay out>> Add Gadget

3. ចូលទៅកាន់ HTML/ Java script រួចហើយ Copy កូដខាងក្រោមដាក់

4. សូមកែប្រែចណនុចពណ៍ក្រហមសូមចូលទៅមើលបន្តែមពីរបៀបបង្កើតPage Facebook ក្នុង Page:   http://realsocialparish.blogspot.com/2014/03/page-facebook.html

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6t8A5sAh3ZpRn_1COzUmVmWkzoGsGoGpf8ornHxLjT9drf7EnUo8K6zHSbYqKFvgj583XJ5cRj4PYg5pcvDUcikQD34yIXXHnDIhxoV2hJfaeS4xdtOrgl6M1gwcdHSjPK7zqVF4URQ/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style="">     <div>     <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Frealsocialparish%3Fref%3Dhl&amp;width=400&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true&amp;appId=257179751112544" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:258px;" allowtransparency="true"></iframe><span>Widget by :<a href="http://www.bbloggertutorials.blogspot.com"> BBloggerTutorials</a></span>     </div> </div>

​

5. សូមលុបចំនុចពណ៍ក្រហមហើយ Copy កូដ IFRAME ពី Page Facebook របស់អ្នកដែលមានទំរង់

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Frealsocialparish%3Fref%3Dhl&amp;width=400&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true&amp;appId=257179751112544" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:258px;" allowtransparency="true"></iframe>

ចំណាំៈ  ប្រសិនបើ Template របស់លោកអ្នកមាន Slide ហើយសូមចុច Save រូចបើកPage

របស់អ្នកមើល។​ ប្រសិនបើវាមានបញ្ហា Slide មិនដំណើរការ សូមប្តូរពីកូដ

src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>

ទៅជាកូដដូចខាងក្រោមដែលវាស្តិតនៅក្នុង Template> Edit HTML

src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

<scriptsrc=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jqury.min.js’type=’text/javascript’/>

<scriptsrc=http://code.jquery.com/jquery-1.10.2.min.js></script>

តែប្រសិនបើ Template របស់លោកអ្នកគ្នាន Slide ទេសូមចូលទៅ Template> EDIT HTML

រួច Copy កូដមួយណាក៏បានក្នុងចំណោមកូដាទាំង 3 ខាងលើទៅដាក់ខាក្រោម </head> រួច Save.