***UPDATE*** This feature has now been made automatic by the great people here at ActiveRain. The instructions in this post will no longer work for posting to AR, however they will still apply if you want to manually add the 'Like' button to posts on other sites. See Brad Andersohn's post for more info about the new AR feature.

How to Add the New Facebook 'Like' Button to Your Blog Posts

Facebook has undergone some changes recently as you have probably noticed. I highlighted a few of the changes in my post last week 'What Happened to My Fans? Facebook Update'. But maybe the most significant change is the appearance of the Facebook 'Like' button all over the web. Listen to Facebook founder, Mark Zuckerburg talk about the changes at the April 23 Facebook f8 Conference.

Why Do You Want People to 'Like this'?

Adding the 'Like' button to your blog posts offers you a chance to take every blog post viral through the share-ability of Facebook. When someone clicks the 'Like' button on your post Facebook will publish it to their News Stream with a link to your post. Now a link to your post will be instantly visible in the News Feed of all friends of that person with an endorsement from the person who 'Liked' it. You can see the potential here.

Adding the Facebook 'Like' Button to Your Blog Posts

You may have noticed the 'Like' button showing up on sites like CNN or IMDb, but you can also easily add the 'Like' button to any website or blog you maintain. Follow these 3 easy steps to add the 'Like' button to your blog posts here on ActiveRain:

Step One: Write your blog post and save it as a draft. On the screen showing what your published post will look like, copy the address bar.

Copy your blog post URL

Step Two: Go to the Facebook Developers site to create your 'Like' button (you may want to bookmark the page for easy future use). Paste your blog post URL into the 'URL to Like' field. Customize the other options to your liking, then click 'Get Code'.

Insert your blog post URL

Step Three: Copy the generated code for iframe (the first box). Come back to your blog post and click 'edit'. Click the HTML tab in your blog post entry and paste the code where you would like it to appear in your post. (Note: you may want to change the height in the code to "25px" OR "70px" if you selected to show faces.)

Copy iframe code

Please feel free to test out this new feature and click to 'Like' this post!

____________________________________________________

Mike Conner

Reasons to love Living in Olympia

Breaking News in Olympia

Olympia WA Real Estate

 

Find me on FacebookFollow me on TwitterConnect with me on LinkedinSubscribe to RSSEmail Me

Olympia Homes for Sale - Map SearchSearch the Map: Olympia Homes for Sale     

 

 
Post is included in group: Dedicated Bloggers
Post is included in group: Facebook Tips
Post is included in group: Real Estate Technology
Post is included in group: Social Media Marketing
Post is included in group: The Lounge at Active Rain

90 Comments on How to Add the New Facebook 'Like' Button to Your Blog Posts

20 Most Recent Comments Displayed Show All

APR
28
2010
1,417,252 Points 52 Featured Posts Localism Sponsor Outside Blog Attended Rain Camp Called Shot Master

This definitely has some potential to expand our audiences. I saw that Facebook added a few more developer tools along with this. Wish I had a long weekend to absorb all of it!
8:28pm • #72
112,836 Points 5 Featured Posts Hit Router Attended Rain Camp

You've done it again Mike!  Another great post and tutorial.  I will be doing this too.  Thanks for the sharing.  I "like" it a lot!
9:34pm • #73
MAY
04
2010
373,663 Points 23 Featured Posts Attended Rain Camp

This is a very powerful tip! Thank you for sharing.
11:27am • #74
MAY
05
2010
152,394 Points 1 Featured Post

Wow Mike!  You have 48 likes!  I came back to check it out to see!  Great job!  Btw, I've posted up some more Tuesday Tours, give me your feedback when you can.  Thanks!
9:37pm • #75
MAY
06
2010
110,651 Points 10 Featured Posts Attended Rain Camp

Nyssa, thanks! It looks like FB finally got the bug fixed so the like button now truly tracks the total number of likes. Mine was stuck on 1 for a long time even though it had been 'liked' more than that. And BTW, I always check out your Tuesday Tours when you post them on FB! I love the idea and your videos are very genuine and engaging. In fact, you inspired me to go pick up a Flip camera! I've been playing around with it (mostly just taking videos of my daughter) but I have some plans for implementing it into my business. I'll share when I get some videos posted....
10:10am • #76
MAY
09
2010

Great post....I'm gonna' try that and just hope that my new and improved techno skills work!
8:06pm • #77
1,582,982 Points 429 Featured Posts Outside Blog Attended Rain Camp Called Shot Master

Mike - thanks for the explanation. Gonna test it out.

Jeff
10:34pm • #78
110,651 Points 10 Featured Posts Attended Rain Camp

Jayne and Jeff, shoot me an email if you have any trouble...I'd be happy to help. Good luck!
11:45pm • #79
MAY
13
2010
1,089,538 Points 201 Featured Posts Outside Blog Hit Router Attended Rain Camp Called Shot Master
Hi Mike, Putting the LIKE button on the post works easily. What I didn't understand was how to use the fuller featured LIKE button using the Open Graph Protocol. I followed the directions but obviously made an error somewhere . But thank you and glad to be able to use the easier LIKE button.
11:14pm • #80
MAY
14
2010
110,651 Points 10 Featured Posts Attended Rain Camp

Thanks William! Yes, using the simple version of the LIKE button is definitely an easier process. You might want to chat with the guys at RealBird about implementing the Open Graph Protocol, they have been working hard to get that up and running and would have some great tips for you I'm sure!
12:29pm • #81
MAY
16
2010
1 Featured Post Attended Rain Camp

Way Cool!!! I just did it and will be using this feature from now on! Thanks for sharing!
3:25am • #82
462,437 Points 2 Featured Posts Outside Blog

I will make an attempt to do this. I am a very hands on type of guy. If i run into a problem i may call you.
3:50pm • #83
110,651 Points 10 Featured Posts Attended Rain Camp

Randy, thats great I hope you have a lot of success with it!

Robert, please feel free to give me a call or email if you're having any difficulty with it...I'm happy to help!
9:19pm • #84
424,654 Points Outside Blog

Great info! Thanks so much for sharing!
10:14pm • #85
MAY
17
2010
110,651 Points 10 Featured Posts Attended Rain Camp

My pleasure Adam, I hope you find it easy to use and helpful in your blogging!
10:14am • #86
MAY
18
2010
115,808 Points 1 Featured Post Outside Blog

Thanks Mike for the tip.

Best wishes,

Matt 
9:25pm • #87
MAY
19
2010
110,651 Points 10 Featured Posts Attended Rain Camp

Well leave it to ActiveRain to come up with a great solution that makes it much easier for its members to have the like button included in their posts....they did it for us! Thanks to everyone who commented here, gave it a try, and spread the like button around AR. And Thanks to ActiveRain for listening in the background, seeing a popular trend amongst its members, and acting swiftly to provide yet another great tool for us all!
10:19am • #88
MAY
21
2010
474,379 Points 15 Featured Posts Outside Blog Called Shot Master

Mike -

I'm having the darndest time getting this to work.  When I try it in my AR blog, nothing shows up... I wonder if it just doesn't work in AR?
1:03pm • #89
110,651 Points 10 Featured Posts Attended Rain Camp

Penny, AR just one-upped me! They now include the like button automatically for every public post you submit. No need to copy code or anything in my post, in fact the code will no longer work within your post! Check out Brad Andersohn's post for more info...
1:41pm • #90
JUL
08
2011

This Applicatrion is not working for me. When I go to download the APP, I get a message "Error while loading page from Blog RSS Feed Reader Empty response received."

 

I simply want to share my blogs with my friends on Facebook but access is denied when I go to share.
8:13am • #91

20 Most Recent Comments Displayed Show All


What does the graphic say?
Leave a response…

(optional)
Spam Prevention:
 

Find WA real estate agents and Lacey real estate on ActiveRain.