Pop out sliding Facebook like widget is really awesome. It can be used in both blogger and wordpress. There is plugin for wordpress. Just search "Facebook Pop Out like Widget" You will find if. Now learn how to install this in blogger.</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGO0quOxdIqteIN_zhPrkdgOitnYmo7_tSiX4hbiZCRXplGvNWFKuX6FqVaz9Ov9PIqxQEvpUvXBPbturK-GkiuWqjjTlTdH29ZpgUXzPfc2KFJgWAt1iuRjMu2qAcANqnv4NkaemjiAh/s1600/w2b_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(w2b){
w2b(document).ready(function(){
var $dur = "medium"; // Duration of Animation
w2b("#fbplikebox").css({left: -250, "top" : 100 })
w2b("#fbplikebox").hover(function () {
w2b(this).stop().animate({
left: 0
}, $dur);
}, function () {
w2b(this).stop().animate({
left: -250
}, $dur);
});
w2b("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fedutechnologynet&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#ffffff;" allowtransparency="true"></iframe>
</div>
Note: Just replace with your Facebook page's username. You also can change the border color and background color. I already highlighted them for your convenience
Enjoyed the article ? Please share with your friends if you like. Thank You
Tuesday, April 17, 2012
Add Pop Out facebook Like Widget To Blogger
Posts By AUTHOR
Hi, I Am the founder of ALLBLOGGINGTIPZ. I like Blogging. It's Blogging is my passion.
Author Box byTech Blog
Subscribe to:
Post Comments (Atom)
0 comments:
Click Here To add Comment