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&colorscheme=light&connections=3&stream=false&header=true&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