How to Add Facebook’s “Like” Button to Your Art Blog

By Nithya Swaminathan in Art Business Advice > Art Marketing Tips

I recently experimented with adding Facebook’s “Like” button on my WordPress blog. With that up and running, I tested the same idea in Google Blogger, since most of the art blogs I read run on that platform.

As it turns out, adding this feature at the end of your posts in Blogger is much easier than WordPress—there’s just a single edit to be done!

Quick announcement - EmptyEasel has created a quicker, easier way for artists to have their own art website. Click here to learn more and get a simple art website of your own!

Customizing the Like buttonHere’s how to add the “Like” button.

1. Go to the Facebook developers page (http://developer.facebook.com) to customize your Like button. You’ll have several options to choose from.

The button can be displayed as “Like” or “Recommend” whichever you prefer. I went with “Like” itself, since it is so widely used in the Facebook world.

2. In the URL to Like section, enter “post.url”—this is how the unique permalink of each blog post is represented within the Blogger template.

(By default, this may already be set to “http://developer.facebook.com” and must be edited to suit your blog.)

3. After customizing your button, click the “Get Code” button to retrieve the code that you will insert into your Blogger template.

4. On the next page, select the code in the top, underneath the word “iframe.”

Like button code to insert

(Editor’s Note: If you’re using the updated version of blogger, you may need to use an alternate section of code found here.)

5. Once you have the code, go to Layout->Edit HTML in your Blogger dashboard. Select the checkbox titled “Expand widget templates”.

6. Take a backup of the existing template before proceeding, by clicking on the link “Download full template”.

7. Search for the line “<div class=’post-header-line-1′>” in your template.
Insert the copied code anywhere between <div class=’post-header-line-1′> and </div> which will be farther down.

Insert into blogger template

Preview the template before saving the changes, to see if all looks as desired.

While customizing the button in Facebook, only the width is specified and not the height. I have mine set to 30px and it looks great. After previewing, save the template, and you’re done!

Go ahead and introduce the “Like” button in your posts. Now, not only the people you know on Facebook, but anyone who visits your blog will be able to share that they liked it with their entire network of friends.

To learn more about Nithya, please visit her art blog, A Splash of Color.

GET EMPTYEASEL IN YOUR INBOX

We'll send you articles & tutorials right as we publish them, so you never miss a post! Unsubscribe here at any time.

StudioDoorz

NOTE: You may also be interested in EE's step-by-step drawing guide for artists. Click below to learn more!

This post may contain affiliate links.