Facebook like Box is a wonderful widget to show visitors who
like your blog. Facebook offers a simple default Like Box plugin that you can
easily add into your website but the default Facebook like box is not having
very good look. In this tutorial I will show you how to Add Custom Facebook
like Box using simple CSS code to your Blogger blog. Facebook like Box is the
best way to get more fans on Facebook fan page. It’s a simple course just copy
and paste the code. I think that this simple Customize Facebook like Box with CSS widget attracts your facebook fans boost the count of Likes.
Step 1. From your Blogger Dashboard >> Layout tab >> Add a Gadget link.
How To Add a Custom Facebook Like Box to Your Webpage.
Step 1. From your Blogger Dashboard >> Layout tab >> Add a Gadget link.
Step 3. Select 'HTML/Javascript' and add the one of the
following code given below.
<iframe
src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/blognucleus&width=290&height=260&colorscheme=light&show_faces=true&border_color&stream=false&header=false&"
style="border:none; overflow:hidden; width:292px; height:258px;"
></iframe>
Step 4. Then Click On Save 'JavaScript' You are done.
Note: Replace my facebook page URL (https://www.facebook.com/blognucleus)
with your own page URL and you can change Width and Height according to your
Template.
How to add floating face book like box in blogger blog
This tutorial I will show adding floating like box to
blogger.
1. Go To Dashboard > Template > Edit HTML
2. Under </head> tag in your template
and just below it paste the following JQuery code.
Note:You can ignore this step if Jquery Link is already added
in your template.
<script
src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Adding Widget Code
1. Go to blogger dashboard >> Layout >> Add A Gadget
2. Select HTML/Javascript
3. Paste the following code in the box.
<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/AVvXsEjorSc7jahXdz9s-uapRnFacbUukt01iTfkDVVzMKvePf6dDKMb22eHhMxjGcWTOi1faA5CfKCnINbGJvo8pU8ELj2z8o7Ut6Uje6vWyUIHAnffl5dEfCL6Q4jX0rLkJWjTG0_97mejo62U/s1600/FloatingFB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 300px;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%2Fpages/
//<!--
$(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/AVvXsEjorSc7jahXdz9s-uapRnFacbUukt01iTfkDVVzMKvePf6dDKMb22eHhMxjGcWTOi1faA5CfKCnINbGJvo8pU8ELj2z8o7Ut6Uje6vWyUIHAnffl5dEfCL6Q4jX0rLkJWjTG0_97mejo62U/s1600/FloatingFB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 300px;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%2Fpages/
Child-Labor-Rescue-Forum-1636958169922549&width
=245&colorscheme=light&show_faces=true&
connections=9&stream=false&header=false&height=292"
scrolling="no" frameborder="0" scrolling="no"
style="border: medium none; overflow: hidden; height: 292px; width:
245px;background:#fff;"></iframe><span><a
style="font-family: arial, sans-serif; font-size: 9px; color: #999;"
href="http://blogsnucleus.blogspot.com/"
target="_blank"> BN</a></span> </div>
</div>
4. Replace pages/ Child-Labor-Rescue-Forum-1636958169922549
with your Facebook fan page URL.
5. Now save your template and you are done.
Now go to your Blogs to see it floating at the right side of
your blog.
really nice to know all of this. Fortunately, I started listening to the podcast immediately after launch, so I was able to straighten things out really quickly.
ReplyDeletehttp://www.lantai-kayu.co.id
http://www.lantaikayu.in
http://www.suryarental-bandung.com
http://www.legorealty.com
http://www.lapakrumah.com
http://www.beautyme-clinic.com
http://www.beauderm.net
Quietly impressive post, where are available some code that extremely effective to learn coding system.
ReplyDeleteThat is a pretty cool speccy little like box. I might use it myself.
ReplyDeleteoho this is a nice post its very helpful. thanks for shearing this think...
ReplyDeleteTips to Find Dofollow Blogs for Blog Commenting | Get Effective Back links. | Blogger Blog Tips: Great article and very informative. Thank you for your contribution.http://www.music3.in
ReplyDeleteThis is a nice post about your business, really i happy to read this, we have also a New sofwtare Based site
ReplyDeleteSlick pie Tips to Find Dofollow Blogs for Blog Commenting | Get Effective Back links. | Blogger Blog Tips: Great article and very informative. Thank you for your contribution.
ReplyDeleteThanks for sharing, Youtube comments is a successful tool to promote videos and to be watched world wide,comments boost video to get more views,subscribers,likes etc buy youtube comment now buy youtube views likes comments "
ReplyDeleteThanks for sharing, Youtube comments is a successful tool to promote videos and to be watched world wide,comments boost video to get more views,subscribers,likes etc buy youtube comment now buy youtube views likes comments "
ReplyDeleteHi
ReplyDeleteA very warmly welcome to you here. I am happy you liked this post. Keep visiting and giving your feedback. Thanks
Have a super successful week ahead.
Mi sunny recently posted… specialized comment examples to get free trafficMy Profile.
Robux Bag 2017!
Join me and good day everyone.
This comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteNice article
ReplyDeleteIf you are looking for brand promotion or e marketing services, then do visit Recharge Designs
quite impressive post...full of quality content
ReplyDeleteif you are looking for a website which keeps you updating with new android applications, visit my website
Nice article
ReplyDeleteThank you for sharing useful Tips.
Other then these, you can also visit This website
Pepperfeed
Find here Latest Trending News,Top Trending Stories from Lifestyle,Relationships,Women,Celebrity, News ,Sports,Politics,Viral Videos ,etc.
Very informative, keep posting such sensible articles, it extremely helps to grasp concerning things.
ReplyDeletehello friends it's site fully free on our business promotion at the top rank soo click fast this link and get a more profit daily free free free.
ReplyDeletehttp://www.shoppakistan.com.pk/
So good this post you have published . Great thanks for this well post .
ReplyDeleteGreat post
ReplyDeleteSanitetski prevoz
Sanitetski prevoz
ReplyDeleteRent a car beograd
Vendre sa voiture
Upis u srednje skole
Upis u srednje skole
this is best technology site
ReplyDeletehttp://www.techriation.com/
ReplyDeletethis is best site for technology information
Nice and great post. thanks for sharing
ReplyDeletehttp://www.androidappsapks.com/
nice info
ReplyDeleteonline grocery shopping
Thanks. It helped me a lot. Thanks again
ReplyDeletevery nice and useful information, thanks for share.
ReplyDeleteThanks admin for share this.
ReplyDeleteplz make article how increase blog tarffic.
I think this is an informative post and it is very useful and knowledgeable. Therefore, I would like to thank you for the efforts you have made in writing this article. Thank you very much for sharing. bit.ly/2JiB2t5
ReplyDeleteHello there. I discovered your site by the use of Google while searching for a similar subject, your site came up. It looks good. I have bookmarked it in my google bookmarks to visit then.https://bit.ly/2RpUKYC
ReplyDeleteAn intriguing discussion will be worth comment. I’m sure that you need to write more about this topic, it might not be a taboo subject but usually consumers are too few to chat on such topics. To another. Cheers https://royalcbd.com/product/cbd-roll-on-gel/
ReplyDelete