How to add a Facebook Like button to your Blogger blog
18
-
Upload
simonbirch1973 -
Category
Social Media
-
view
182 -
download
7
description
Most social plugins allow you to share your blog on Facebook, but here's a guide to install a straightforward Like button to the blog and each post.
Transcript of How to add a Facebook Like button to your Blogger blog
A GUIDE TO
BUTTON TO YOUR
AND EACH POST
ADD A FACEBOOK LIKE
BLOGGER BLOG
1. Like buttonon your blog
Open the Layout part of your blog’s dashboard in your browser
gergelys
Rectangle
...and this page in another tab:
Fill in the address of your blog
...and this page in another tab:
Fill in the address of your blogUse the https:// version
...and this page in another tab:
Fill in the address of your blogSet the width to 200
...and this page in another tab:
Fill in the address of your blogSet the width to 200
Click on Get Code
gergelys
Rectangle
Choose the IFRAME codeand copy it to clipboard.
gergelys
Rectangle
In the other browser tab, clickAdd a Gadget and chooseHTML/JavaScript
gergelys
Rectangle
gergelys
Rectangle
Paste the code in the Content box,click Save and you’re done!
gergelys
Rectangle
gergelys
Typewritten Text
Paste the code here...
gergelys
Typewritten Text
You can move the new widgetanywhere you want
gergelys
Line
gergelys
Line
gergelys
Line
gergelys
Line
2. Like buttonon each post
Open the Template part andclick on Edit HTML
gergelys
Rectangle
gergelys
Rectangle
Find the
for the text of the codeClick here
tag, and insertthe following code in the next line:
<body>
Find this part in the code:
for the text of the codeClick here
and insertthe following code in the next line:
<div class='post-header'>
Click Save template,and that’s it!
You will now have a Like button on the top of each Blogger post you publish
Click Save template,and that’s it!
