Hello all,
Today's part of search includes adding/customizing your blogs with facebook fanpage followers
Why we need this ?
Nothing much , all for our regular readers and make it easier for them and all our feature fans.
So simply follow this steps to make it one
Today's part of search includes adding/customizing your blogs with facebook fanpage followers
Why we need this ?
Nothing much , all for our regular readers and make it easier for them and all our feature fans.
So simply follow this steps to make it one
- Dashboard==>Layout==>Add a Gadget==>HTML/Javascript
- You can add this Gadget where ever you wish.
- Now copy paste this JS code in newly opened window [HTML/JAVAscript]
<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/AVvXsEj793EgKKg6rbeLCdlJ38eW5tOseDbXAf_KPYtbBCnvH11fCarWC0wiylMVWWEN5XKejzEe9FwAB2DpiSJ-_AGK4ceKQ-WeihxqJiv2DH42i5K_G6zpIvbTix4P6PQtt9Pf-71QPVcH6L-X/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%2Ffullyworkingtricks&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>Widget by:<a href="http://www.MyBloggerTricks.com">My Blogger Tricks</a></span></div></div>
- If u liked to have floting box on left side then change the red highlited area to "left"
- And in the place of "Fullyworkingtricks" overwrite your fanpage ID i.e fb.com/fwt
- Give any name or leave it blank
- Now save your Gadget
- Save Arrangment
- Navigate to Edit HTML & find </head> [ctrl + f]
- And past this JQuery
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
- Preview & save template..
That's all we successfully intergrated FB fanpage in our blog
Like Us on Facebook for more updates
0 comments:
Post a Comment