Static Facebook Pop Out Like Box එක Jquery Hover Effect එකක් සමග බ්ලොග් එකට දාගන්න

අද මම Facebook like box එක අථත් විදිහට දාගන්න ක්‍රමයක් කට්ටියට කියල දෙන්නම්. මේක Pop Out Like Box එකක්. මේ විජෙට් එක ලගට මවුස් එක අරගෙන ගිහාම ලස්සන Effect එකක් සමග Pop Out වෙනවා. කැමති කට්ටිය දැන්ම මේක බ්ලොග් එකට දාගන්න.

මෙහෙමයි දාගන්නනේ,

     1. Edit HTML වෙත ගොස් Ctrl+F බොත්තම ඔබා  ටැග් එක හොයාගන්න.

     2. දැන් එම ටැග් එකට උඩින් පහත කෝඩ් එක යොදා ඒක සේව් කරන්න.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">script>

     3. පසුව පහත Your Facebook Page URL : කියල තියන තැනට ඉදිරියෙන් ඇති කොටුවේ ඔබේ ෆේස්බුක් පේජ් එකේ සම්පූර්ණ යූආර්එල් එක යොදා Add to Blogger යන බොත්තම ඔබන්න.

උදා: http://www.facebook.com/your facebook fan page url

Your Facebook Page URL :

<script type="text/javascript"> //<!-- $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script><br /> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieguYdNuz6PWk8SWCqsuJzJjh-sqbt9goqqU_NTjAtYTkEvcMU523U06mOmWGaSOBKbuTX90zo1zutl_ho66vG2uteYB_a5KamYaDFqcI7w1u6KPb8gXmoVKroBvuM-BEN84dRxNvxmBZx/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fmakingdifferent&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>By <a href="http://gj37765.blogspot.com/">Making Different</a> / <a href="http://gj37765.blogspot.com/2011/06/add-static-facebook-pop-out-like-box.html">+Get This!</a></span></div></div>