Plus500

Friday 26 April 2013

Add Static Facebook Pop Out Like Box With Smooth Effect

Follow me how to add widget On website
  1. Go To Blogger Dashbord and Click Template
  2. Now Click Edit Html
  3. Than search </Head> 
  4. Copy The Code Below And Paste Before </Head> Tag....


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

  • Click On "Layout"
  • Add A Gadget And Select Html/JavaScript
  • Copy and Paste The Below Code.

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


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




<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>



<style type="text/css">



.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKZxIk-rMWKlCeWR9gjbyGCfXgxlVaeirwxXl11GM_GFsWKOe6bQaODPaL-HWQBiOGZghfliBFIZnNJQfzy0PSaXuVvn0heGqsQ1x_SkDcvTUcOC4nIWZ-AH-XlDwTxV2ChvZFHGRuzMfh/s1600/facebookbadge.png") 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://www.facebook.com/Softwaresclub007&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></div></div>


  • Replace http://www.facebook.com/Softwaresclub007 With Your Fan Page URL.
  • Than Click Save.
  • Enjoy It and Comments me.......

-->

0 comments:

Post a Comment