As we all know facebook is one of the largest social media company in the word.If your blog have any fan page then it will help you a lot in increasing traffic on your blog.We already shared all types of twitter tweet buttons and here also we are giving all types of facebook like buttons.i.e. vertical count,horizontal count and without count.You can add this button just below of of post tile and below of the post.Just follow my instructions carefully....
Note - This button will not like your fan page it will like and share your post
How To Add Facebook Like Button To Blogger Posts?
- Go to Blogger Dashboard > Design > Edit HTML
- First take a backup of your template
- Tick the expand widget check box
- Find for below code in your template
<data:post.body/>
If you wish to add like button just below of post title the add the below code just before of
<data:post.body/>
and if you wish to add this like button just below of your post then add below code just below of
<data:post.body/>
Facebook Like Button Styles
You can add like button in three styles :
- Vertical Count
- Horizontal Count
- Without Count
1. Vertical Count
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>
2. Horizontal Count
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>
3. Without Count
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>
If you faced any problem, please do not hesitate to let me know. :)
I tried all three codes but it only shows this message
ReplyDeleteYour template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "iframe" must be followed by either attribute specifications, ">" or "/>".
Hey thank you so much for informing me I have updated my code...
Deleteit happened to me also!
DeleteNice Post...Thanks for sharing it with us. Very much useful.
ReplyDeletewww.gulmiresunga.com
thx a lot..!!!!!
ReplyDeleteAdd Facebook Like Button To Blogger Posts
DeleteAdd Facebook Like Button To Blogger Posts
DeleteThank you! This was much easier than I thought it would be. Only problem now is on some older posts the Like button is appearing in an odd place, just before the last line of the post but it's okay in the most recent. Any ideas how to fix this? Thanks.
ReplyDeleteI am having the exact same problem. Can you please help? Thanks http://www.caoepulgas.blogspot.com
Deletehow to make this FB like button to like my fan page..
ReplyDeletemy blog is healthisdivine.blogspot.com
pls help..thanks in advance..
Follow this article,
Deletehttp://www.helperblogger.com/2012/05/add-facebook-like-box-just-below-of.html
thanks!
ReplyDeleteits not working
ReplyDeleteThanks a lot, i have always faced problem in my attempts to include the FB like button, adding the share button was easy but like button was difficult. But this post helped me.
ReplyDeleteThanks a ton.
Abhishek Ahlawat
(wtfdiary.com)
mine says
ReplyDeleteWe were unable to save your template
Please correct the error below, and submit your template again.
More than one widget was found with id: Navbar1. Widget IDs should be unique.
Nice Post dEAR :)
ReplyDeletethe like only shows up on the snippets, not on the actual page... any idea why?
ReplyDeleteThanks for sharing this tips.
ReplyDeleteI almost jumped when it worked! YEAAAAH!
ReplyDeleteThank you so much for this! ;)
xx Anne G
http://anneg08.blogspot.com/
nice post. Thanks
ReplyDeletehttp://top-20-ptc.blogspot.com
Great post! Really helpfull! Worked perfectly! Thanks!!!
ReplyDeleteThanks for such a great post..
ReplyDeleteI implemented the facebook like button and it's working perfectly fine.
Thanking you,
www.techpandey.com
Tricksfunn
ReplyDeleteya bro not working...
www.tricksfunn.blogspot.in
I got the like button but when we click on like and then confirm, it not getting reflected on facebook. What can be the problem?
ReplyDeletehttp://kishore-upadhyay.blogspot.com
Nice post.. It's really easy. Working..:D
ReplyDeletethanks a lot
ReplyDeleteThanks for posting
ReplyDeleteCodes are working nicely.
ReplyDeleteThanks :)
your code is iframe right?
ReplyDeleteI heard they are now using html 5 and xfbml?
Thanks! It works
ReplyDeleteThanks !!! It really works.
ReplyDeleteI have no data post thing. I have no idea how to add this gadget now. Help!
ReplyDeleteWait, turns out I have TWO data post body things. I still need help!
DeleteOMG I love you. I've spent half an hour trying to make this work and with your lovely simple tutorial it worked straight away. THANK YOU!!
ReplyDeleteThanks for the code Rahul, its working perfectly for me.
ReplyDeletethanks man i love it.....
ReplyDeleteBest4Hack
Always love to read your post bro.I want little help from you totally different from it.How Could I add a customized comment box on my blog which will highlight author comment just like yours,thanks
ReplyDeleteThanks a bunch!
ReplyDeleteThis works great for postings in Blogger, but for pages not at all - please expand the code; thnx.
ReplyDeleteREAD BOOKS ONLINE for free.
Hi Rahul,
ReplyDeleteI tried this code and initially it works, but after installing a few additional widgets it doesn't seem to work! (the Like button does not appear in my blog)
I've double checked but the codes are complete and I've followed your steps.
Can you please help me?
Thank you in advance,
Dunia Fashyon
This comment has been removed by the author.
ReplyDeleteI just tried this but I wanted to put it at the bottom of the post. First, I found that bit of code you mention in 3 different places, so I tried on all three and it doesn't show the like button at all.
ReplyDeleteThen I tried it under the post title and there it shows but it pushes my first line of text towards the middle of the page.
you can see it here http://mountainsandplaya.blogspot.com/
Could you help me figure this out? I would love to have it at the bottom of the post.
Thanks in advance!
thanx, I chose the 3d (without count), but count still appear, any idea ?
ReplyDeletethank u very much
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeletegreat this helped i my blog as well.. http://twitterazzi.blogspot.com/
ReplyDeleteNice one
ReplyDeletegoawebdirectory.info
Really nice one
ReplyDeletenityasworld.com
Hi, I tried your code on my blog (www.jincythinks.blogspot.com) but everytime I like something, it asks me for a 'confirm' and then after 'confirming' the like; it shows Jincy likes 'Speaking my Mind' (i.e Blog Name) instead of Jincy likes 'Empty Clouds' (i.e Post Name)
ReplyDeleteCan you please help?
brilliant tips dude..
ReplyDeletethanks
BLOGGER HEROE,Tips and Tricks For Blogger,widgets,Templates
hi,
ReplyDeletethis is really working but when i click on a like button it is asking for confirmation. but i dont want it. i want just one click like button.
i agrre
Deletei want it without the confirm too
ot at least to add a pop up with the confirm, ppl might not notice they have to confirm after like-ing
This comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeletehi,
ReplyDeletethere are 3 (data:post.body/) of them, i pasted the code under each of it. does it makes any problem?
How can I center the like button? :)
ReplyDeleteIt does not seem to post in people's newsfeeds. Any idea why that is? And can I fix that?
ReplyDeleteHi! Thank you- Finally a code that works.
ReplyDeleteIs there a way to make it show up in the mobile version?
Mine only seems to show up on the full website.
Thanks again
This comment has been removed by the author.
ReplyDeleteHey I can't find where to add it.
ReplyDeletemy template is http://cyber-expertz.blogspot.com/
This comment has been removed by the author.
ReplyDeleteThanks for the info, I finally added the button to my page: http://larevistalatina.com ...Can't thank you enough Bro. God Bless!
ReplyDeleteLike button is added by it appears confirm WHy ?? Plzz Help me
ReplyDeleteIt's not appear on firefox. Any solution?
ReplyDeleteAwesome! Thanks!!
ReplyDeletehi, can you generate the code for me exactly like yours? beneath the post there is google+, facebook like , tweet, share. I want this to be under every blog post of mine. How?
ReplyDeletei like your post pls also share on Guide Pedia
ReplyDeleteit dosent work :(
ReplyDeleteYour backpack it's so beautiful, I like it vey much, I also bought on at omega watches online
ReplyDelete, If you want one too. can visit this address, The backpacks are
beautiful at there. I think you will be love it too.
www.dilkiduniya.blogspot.com
ReplyDeleteDil Ki Duniya Provides Fresh Online Sad Poetry, Love Poetry, Funny Poetry, Fashion, Beautiful Mehndi Designs, Health Related Articles And Much More
Works great I was able to make the button.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteWhy isnt' there any option to change ID or Facebook URL? How does blog is suppose to recognize my profile?
ReplyDeletethanks.!
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteplease visit my fans and like my site
ReplyDeletehttps://www.facebook.com/TenBestHosting
not working
ReplyDeleteThanks worked great!
ReplyDeleteXoXo
Teresa
http://www.chicaffordable.blogspot.com
Hey brother,Thank You for This step by step guide..!
ReplyDeleteBlogger Widgets,Plugins
This comment has been removed by the author.
ReplyDeleteThx Bro, That's worked !
ReplyDeletehttp://abi-malka.blogspot.com
Thank you!
ReplyDeleteappreciation from fewsecondsinspiration.blogspot.com
can't find , what's going wrong with my html ?!!
ReplyDeleteتحميل برنامج
ReplyDeleteit s all good :)) except that after u give a like you have to hit confirm :( it would be better if it would automatically open a pop box to ask for comfirmation, or just be automatically congirmed... not everioane will notice that they have to olso confirm after giving like
ReplyDeletehttp://www.blogsfunda.com
ReplyDeletei try but no like in my blog. btw i change my domain name. from blogspot to dot com.
ReplyDeletepls help me.. ;(
Thank you for the posting the easy way to do it. I have applied this trick, but i like vertical count button . My website is : http://www.boomwala.com
ReplyDeletedoesn't work? i have 3 on my blog. where i put it? plzz help me :(
ReplyDeletethank you for sharing
ReplyDeleteI wonder how you got so good. This is really a fascinating blog, lots of stuff that I can get into. One thing I just want to say is that your Blog is so perfect!
ReplyDeletebad credit business loan
nice inponya gan
ReplyDeletehttp://alfijadul.blogspot.com
Thanks. it helped me so much. God bless. :)
ReplyDeleteThank you very much you solved my problem :)
ReplyDeletewww.roadchap.blogspot.com
it worked and so easy. thanks for posting it! :)
ReplyDeleteplz visit my site www.ftvpk.com
ReplyDeleteThis worked perfect and was just what I needed! Thanks so much for posting this.
ReplyDeletethanks to share us
ReplyDeleteThis worked perfect and was jus
ReplyDeleteI have edited my html but the button doesn't show on my blog?
ReplyDeleteWhy does this happen?
thanks www.tollywoodpolitics.com
ReplyDeletewww.bollywoodindiaboxoffice.com
telugu
NEET UG Admit Card 2013 download at cbseneet.nic.in
ReplyDeleteRecruitment Results
ReplyDeleteRecruitment Results
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteIt will help a lot, explanation is very unique. Thanks for this post. It turns out to be a one major information to have.
ReplyDeleteregards
http://www.sell-breitling.co.uk/
Visit Here Guys
ReplyDeletehttp://prohelpers.blogspot.com/
Visit Here Guys
ReplyDeletehttp://prohelpers.blogspot.com/
expand widget check box doesn't exist on my blog !
ReplyDeletewhat can i do ?
This comment has been removed by the author.
ReplyDelete:( Not working in my template. Could you help me :( ??
ReplyDeletehttp://anulaa89.blogspot.com
i dont andrsten/
ReplyDeleteit won´t work - I´ve tried it several times!
ReplyDeleteCould you help me? (www.nadelia.de) ... nadelia@gmx.net
Tried a lot dude .but not working tell me any solution of it.
ReplyDeletewow thanks man, really helped me :D
ReplyDeletewww.hack-facebook-password.org , great post keep it up! ;)
Thanks, my FB like button works great, but any idea how to make it show up on the mobile version as well? It shows the Google+ button but not the Twitter or FB ones. Do I have to revert back to the web version on mobile? But I love the mobile version...
ReplyDeleteThnk You very Much |
ReplyDeletewww.TricksGator.com
Generally I do not read post on blogs, however I would like to say that this write-up very compelled me to check out and do so please visit PR Agency in Delhi
ReplyDeleteIts working. Thank you!
ReplyDeleteThanks so much 4 u'a post.And Find www.wilfredtarimo.blogspot.com
ReplyDeleteI found that to make it appear on both your main blog page and each individual post page you need to insert the code under both of the last two sections.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteActually the problem is that I already HAVE the Facebook like button, with a counter, in my template. And I cannot, under any circumstances, find the code in the template to delete it. Can you explain that please? I've tried all the reverse versions, ie: I went thru all your codes above and searched for them in my template to reverse the process, but I could find NOTHING. HELP!
ReplyDeleteHi! I've been doing exactly what you say but the button is now showing up? any advice? My blog: www.findingjoyandbeauty.blogspot.fi
ReplyDeleteThanks in advance!
-Petra
From a long time i was searching for this now finally i got it.
ReplyDeleteThanks.
HD Wallpapers
thanks for the facebook likes tutorial, will try this on my blogger
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteIt's not working for me : http://cool-fun-advert-videos.blogspot.co.uk/
ReplyDeleteAfter I posted it, I got this message: - See more at: http://www.helperblogger.com/2012/05/add-facebook-like-button-to-blogger.html#sthash.MJ37E1XK.dpuf
Games are great for large groups. They include everyone, don’t require a table to site around, and allow for team play. Action Games
ReplyDeleteThis comment has been removed by the author.
ReplyDeletefacebook applications and cheap Facebook fans putting money into your page from a simple way to buy cheap facebook fans to creating an ad campaign. http://famecrowd.com/
ReplyDeleteA great job you have already done. I’m really delighted to see your amazing work. infographics design
ReplyDeletegood job i like it www.lesprivatsurabaya-smc.com
ReplyDeletethanks, im indonesian blogger
ReplyDeleteYour blog is such like that I have run out of words!!! Really superb
ReplyDeletecomment pirater un compte facebook
i like your blog can i guest post on your blog please give me the guest post link.......................http://technologydoze.com
ReplyDeleteThe information in this blog is extremely useful for the people.
ReplyDeleteincrease facebook likes
Thanks for admin
ReplyDeletehttp://mktgide.blogspot.com/
ReplyDeletegiá nhân sâm hàn quốc là một trong những loại thảo dược tự nhiên, có mặt ở rất nhiều quốc gia trên thế giới như Nhật Bản, Hàn Quốc, Hoa Kì... Trong các loại nhân sâm kể trên thì giá sâm hàn quốc luôn được hàng triệu người trên khắp thế giới săn lùng và tìm kiếm bởi những giá trị tuyệt vời. Từ xưa đến nay những công dụng của loại nhân sâm này vẫn được mọi người lưu truyền và ứng dụng vào trong đời sống đặc biệt là chăm sóc sức khỏe của con người. Củ giá hồng sâm hàn quốc chính là nhân sâm Hàn Quốc ở dạng tươi chưa qua sơ chế thành các sản phẩm. Củ nhân sâm Hàn Quốc có những vai trò và tác dụng vô cùng to lớn đối với con người.
ReplyDeletenước hồng sâm trẻ em là sản phẩm đảm bảo nguồn dinh dưỡng cho trẻ nhỏ. Tại các nước phát triển, nước ép hồng sâm baby được sử dụng phổ biến và được các trẻ em ưa thích nhờ thành phần cũng như mùi vị đặc trưng nước hồng sâm baby. Cơ thể trẻ nhỏ thường xuyên gặp phải những vấn đề về sức khỏe do sức đề kháng cũng như hệ miễn dịch còn non nớt nước sâm trẻ em, các cơ quan chưa phát triển toàn diện và cứng cáp như người trưởng thành. Hồng sâm baby sẽ là trợ thủ đắc lực giúp trẻ phát triển toàn diện nước sâm baby, nâng cao sức khỏe cơ thể, từ đó trẻ có chất lượng cuộc sống tốt hơn, luôn vui tươi, hòa đồng cùng bạn bè, người thân.
ReplyDeleteFinally, i get the right information for setting up on my blog..Thanks for sharing..
ReplyDeleteBuy Real Like
buy twitter followers
buy soundcloud followers