ដាក់ប្រអប់ហ្វេសប៊ុកលឹបលៀននៅខាងស្តាំ

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

Φ ជំហានទី១

១. ចូល​ទៅ​កាន់​ 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/AVvXsEixGZF0I4NGIU5ZHVmCtl3PH1Jew_LiAuuhntTxWiOrMcgDgxnpsK1uiT1JvB_wuFZoBg2nm2EBldPsR2T6ZSTaLUCqYGJ4BEb6MeviCXlB3oR2STtQmaX3VCFNNaDzyMJEQAJ1oCYHPbTC/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/%E1%9E%9F%E1%9F%92%E1%9E%9C%E1%9F%82%E1%9E%84%E1%9E%99%E1%9E%9B%E1%9F%8B/444939245623339&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;
 
connections=9&amp;stream=false&amp;header=false&amp;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"&
gt;នៅទីនេះ</a></span>

</div>

</div>