How To Add Facebook Like Button In Blogger?
- First go to Blogger > Template > Edit HTML
- Check the expand widget box
- Search for <data:post.body/> using ctrl+f
Style #1: Button With 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&
amp;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>
Style #2: Button 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&Note: If you want to show this button below of your post title then paste one of these just above <data:post.body/>
amp;width=450&action=like&font=arial&colorscheme=l
ight&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>
If you want to show this button below of your post then paste one of these below <data:post.body/>
That’s all if you face any problem then kindly leave a comment.
@Jessie
ReplyDeleteYour most welcome keep visiting
want to increase your tariff. i got 300 views in a day..http://www.bloggerakezh.com/2013/07/want-to-increase-your-traffic-right-away.html
ReplyDelete@Rakesh
ReplyDeletetraffic doesn't increase on silly posts it increases with the content of posts
Thank you very much I have just followed through your instructions and succeeded. I
ReplyDeleteam so grateful. I read an article before which just confused me. Yours was straight to
the point and I have nailed it. Thank you once again
@Ghost Rider
DeleteYour most welcome dear i need your favorable feedback so i can do more for you keep visiting
Great Article...Thanks... http://www.anunaadacademy.in
ReplyDelete@Anunaad A
DeleteYour most welcome dear
this didn't work for me unfortunately :(
ReplyDelete@Dorothy HF
DeleteDear please follow these steps carefully then you got it if face this problem again then tell me
It didn't work for me :(
ReplyDelete@Wii
DeleteDear please try with carefully so you can got it
I have tried using the code above. somehow its not working...
ReplyDelete@Dharmesh
DeleteDear follow all steps hope you achieve the goal if facing the same problem then feel free to ask
I do not find in the code of my Template as outlined in your instructions here.
ReplyDelete@On Life
DeleteCoding working fine mate you just copy the code in your notpad and then paste it to your template hope you got it
I’m glad to locate so much of informative data in your blog. pirater un compte facebook
ReplyDelete@Nunah
DeleteThanks mate your inspiration is our key of success
i do not find in templet html . help me where i paste facebook like button code .
ReplyDelete@vijay
DeleteDear please search carefully data:post.body/ with tags hope you find it
Hi, i followed the steps, but i had a problem: i didnt find i used ctrl+f and it didnt find it. Any advice?
ReplyDelete@PLS
Deletesearch carefully data:post.body/ with tag then you can find
This is very essential blog; it helped me a lot whatever you have provided. social media infographics
ReplyDelete@akon
DeleteThanks mate
This comment has been removed by the author.
ReplyDeleteI did as the same you said, carefully. But, I can't see any like button there, after saving.
ReplyDeleteCheck http://mob2web.blogspot.com/
HELLO,I am really new to blogger, and I' M COUNTING ON YOU ON THIS... Please, what to do if I can't find this expand widget checkbox thing?Honestly I tried all tutorials but unfortunately nothing works.. You are my last hope... pls tell me what to do. God bless..
ReplyDelete@Josephine
DeletePlease add me on facebook i will guide you what i can https://www.facebook.com/Mohasan613?fref=ts&ref=br_tf
data:post.body/ is nowhere in the template even opening it all up.
ReplyDelete@Rebecca
DeleteDear you have to check carefully so i hope you will find
I have a question, i would like a like button but not for facebook, just for myself so that I can see if people like the blog post. Because people don't leave comments any more, but just push a like button is much easier so I think they'll do that. What should I change in the code so that I can place another picture instead of the "f and like"?3
ReplyDeleteI hope you can help me!
Loves flo
Hi, how to put ?
ReplyDeleteThe explanation was simple but detailed. Thanks for sharing. I also covered about putting FB Like box in my new blog post especially to help the newbies easily - Easy steps to include FB Like box
Hope this helps the visitors
data:post.body is always there, just click INTO the window of the code then press Ctrl+F and search for it
ReplyDeleteNice Post! I got many useful things from your blog.
ReplyDeleteRemove Blogger Attribution widget
Know how to download Android apk apps get new tricks
ReplyDeleteI like your post,your article was very useful
ReplyDelete(Error parsing XML, line 1011, column 257: The entity name must immediately follow the '&' in the entity reference)
ReplyDeleteTHis is showing after i posted the first code after the tag
www.jobabgo.blogspot.com
ReplyDeleteNot
http://uk-driving-test.com/mock-hazard-perception.php
ReplyDeletei tried your script on one of my s but its giving error. do i have to install it on index page or on any specific page i can use it. thank you.