Plugin is the easiest way to connect your blog to Facebook but some including me are having
a hard time adding it to their blog.I did it at last and made my own tutorials based on the
buttons I installed on my post.I will try my best to explain it in an easy to follow instructions .
Here is the LIKE BUTTON that I have on my blog post.
1.Go to the dashboard
2.Click template
3.Edit HTML,expand widget and look for
4. Copy the code
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false' show_faces='false font="arial" action="like" colorscheme="light"></fb:like>
5.Paste the code ABOVE the < data:post.body/> to place the buttons below the post title.
OR
Paste the code BELOW the < data:post.body/>to place the buttons after the post.
6.Preview to check the button.
7.Save template if the button appear and on the right place.
+1 and Twitter
1. Go to your blogger dashboard
2.Click Layout
3.Find the Blog Posts and click EDIT
4. Scroll down and look for
5. Tick "Show Share Buttons"
6. Save
Another FB like button
2. Put your blog's URL.
2. Click the "Get code" and copy the first plugin code.
3.Go to template ,Edit HTML,expand widget and insert the first plugin right after the opening < body > tag.
4.Copy the second plugin code .
5.Go back to HTML and look for
6.Paste the second plugin ABOVE the < data:post.body/> to place the buttons below the post title.
OR
Paste the second plugin BELOW the < data:post.body/> to place the buttons after the post.
7.Preview to check the button.
8.Save template if the button appear and on the right place..
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false' show_faces='false font="arial" action="like" colorscheme="light"></fb:like>
6.Preview to check the button.
3.Find the Blog Posts and click EDIT
5. Tick "Show Share Buttons"
6. Save
Another FB like button
2. Put your blog's URL.
2. Click the "Get code" and copy the first plugin code.
3.Go to template ,Edit HTML,expand widget and insert the first plugin right after the opening < body > tag.
4.Copy the second plugin code .
5.Go back to HTML and look for
6.Paste the second plugin ABOVE the < data:post.body/> to place the buttons below the post title.
OR
Paste the second plugin BELOW the < data:post.body/> to place the buttons after the post.
7.Preview to check the button.
8.Save template if the button appear and on the right place..
Another FB like button
2. Put your blog's URL.
7.Preview to check the button.
March 15, 2012 at 10:10 PM
This is a great help for the newbies...thanks for posting! =)
March 16, 2012 at 5:41 AM
Good tutorial thanks for this
March 16, 2012 at 1:03 PM
This will be a great help to lots of bloggers out there! :D I traded this for a custom set of syndication buttons though.. ^^
March 16, 2012 at 6:56 PM
this tutorial is very helpful esp. to blogger blog users...
March 16, 2012 at 11:09 PM
This help me a lot! Thanks for sharing :)
March 21, 2012 at 6:00 PM
It's different on wordpress. It is a one-click affair.
Still blogger just works, and the maintenance is minimal.
March 21, 2012 at 6:07 PM
Thank you for this useful tutorial :)
March 21, 2012 at 7:36 PM
Very helpful! Thanks
March 22, 2012 at 3:36 AM
Your tip will be very helpful to newbie bloggers like me. Will be adding this to my blog soon, thanks =)
March 22, 2012 at 8:21 AM
This a great tutorial, the visuals helped a lot, those who can't figure out how to do it will surely benefit from this. :)
March 22, 2012 at 1:07 PM
will install one...super helpful post :) I was trying to install FB like button but I failed everytime. Hope this time okay na ..
March 22, 2012 at 1:21 PM
This will be a big help for those who don't have the Like Button yet! Thank you very Miss Tess for taking the time to share this to other bloggers.
March 22, 2012 at 1:25 PM
This is very beneficial, especially when getting a very good traffic of your site. Thanks for sharing. I've applied this to my blog site. :)
March 23, 2012 at 6:42 AM
Thanks for this tutorial. I'll have this bookmarked. ^_^
March 23, 2012 at 8:13 AM
very useful esp. to the new ones.. thnks..
March 23, 2012 at 2:55 PM
bloggers who are using the blogger platforms should read this..this is very useful to them
April 3, 2012 at 4:34 PM
Seems easy here. Sana I can really put it on my blog, I get frustrated easily when a widget/ plugin is not show up. Lol
April 30, 2012 at 2:51 AM
but in my blog the google + did not affair if you want to see Entrepreneurial Recipe
http://my-all-recipes.blogspot.com/
July 25, 2012 at 1:15 AM
Thanks for sharing information...
December 17, 2012 at 11:10 AM
I really need tutorials like this. I am not familiar with blogspot, I've been using wordpress for 4 years.
March 8, 2013 at 7:55 PM
I think blogspot is really a cool blogging site as you can add different social media buttons which no other blogging websites do not offer. Anyway, I love the detailed instructions you shared with us. Very helpful!
Thanks for the share!