how to add a facebook like button to your blogger blog

Post on 01-Jul-2015

182 Views

Category:

Social Media

7 Downloads

Preview:

Click to see full reader

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

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:

...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!

top related