Bootstrap Templates Bundle

Tuesday, January 1, 2013

How to slideup-slidedown facebook likebox at the right/left side of footer


Paste this code where you want to show, you can use text widget for easy

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").toggle();
  });
});
</script>
</head>
<body>


<p><a style='position: fixed; bottom:5px;right:5px;' title=''><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/JNnews24com/452277951480704?
ref=hl;width=182&amp;colorscheme=light&amp;connections=3&amp;stream=false&amp;header=true&amp;height=215" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:182px; height:215px;" allowTransparency="true"></iframe> </a></p>

<a style='position: fixed; bottom:0px;right:5px;' title=''><button>Find us on facebook</button></a>
</body>
</html>

You can use  image as button just add this code instead of <button>Find us on facebook</button>

<button><img style="vertical-align: middle;" src="http://jnnews24.com/wp-content/uploads/2013/01/UpDownArrowsBlackRed1.jpg" alt="" width="30" height="30" /></button>

Sample : jnnews24.com

No comments:

Post a Comment

Best Pest Control WordPress Themes 2017

A collection of best pest control WordPress Themes for pest control service providers.  Link:   https://devitems.com/review/best-pest-co...