How to offer a “Share on Facebook” option under (wordpress.com) blog posts

18 04 2008

FACEBOOK is one of the most hip and happening social networking sites out there. If you are a blogger and if you are serious about blog promotion, then sharing your posts in Facebook is a good idea. So how do we offer “Share on Facebook” under blog posts?

Share on facebook screenshot

That’s easy (provided you use Firefox). And the solution will work for any blogging platform (and even wordpress.com) that will allow you to paste a bit of Html code. :D

Ready for the tutorial? Good! You will need to click on the following link.

“Share on Facebook” bookmarklet for wordpress.com

Step-by-step instructions:

  1. Click on the above link and open it.
  2. Copy the code within the file. (It’s not necessary to understand the code!)
  3. Open a new Notepad file and paste the code.
  4. Save the Notepad as an html file under the name “ShareOnFaceBook”. Just write ShareOnFacebook.html in the SAVE dialogue box and the needed html file will be created.
  5. Open your newly created file ShareOnFacebook in Firefox. You will find the hyperlinked words Share on Facebook in the window.
  6. Place the cursor over the linkand drag and drop it the Bookmarks Toolbar Folder of Firefox.
  7. A new bookmarklet will be created – it will have the words Share on Facebook.

All this is a one-time process. Now every time you want to offer “Share on Facebook” under your blog posts, do the following.

  1. View a published post in Firefox. Make sure you see the permalink of the post in the adress bar, and not the blog url.
  2. Now click the Share on Facebook bookmarklet. A new url will be generated in the address bar. This is the url that you will need.
  3. Please be quick and copy the url from the address bar. (The url automatically turns into the “log-in” url of Facebook, which is useless for this project and this why you have to act fast!)
  4. Go to the admin area of your blog post and link the url to a Facebook icon of the words “Share on Facebook”.
  5. Save changes and view the post.

***

An alternative system
If copying the generated url quickly feels stressful, then please bookmark the following url (like you’d bookmark any url) in your browser.
Share any url in Facebook
After you publish a post, launch this url in a new tab, enter the blog post url and click Share.

Share on Facebook - enter url

Copy the generated url and link it to the Facebook icon or Share on Facebook text under your blog post.

Tips
If you are logged in to your Facebook account in another tab/window of Firefox, you will not encounter the Facebook log-in page!

***

In case of questions or compliments, please feel free to use the comment box!

***

Share on Facebook


Actions

Information

15 responses

27 05 2008
frankie

Build a profile to share with your family and friends

2 09 2009
sarah

please come and see me on profilecrib.com

27 05 2008
frankie

click this link to go to profilecrib http://www.profilecrib.com

28 05 2008
Netty Gritty

hello frankie aka profilecrib,
couldn’t you promote your service in the appropriate post? :D
you only had to click the tab “submit url” on the top of my blog in order to do that!

thanks for tipping me, anyways!

30 06 2008
lvs

you dont seem to have a facebook account?

anyway this is another great tip!

Just loved your site and yes selecting the best from your posts is tough!

26 06 2009
Netty Gritty

I do have a Facebook account.
A very late thank you for visiting my site!

2 10 2008
Share on Facebook button on blog posts - DIY Themes Forums

[...] been trying to figure out a way to do this but am getting different information on how to do so. This link describes a way that seems very complicated, while this link seems to make more sense but the [...]

1 11 2008
Nakedgeek

I visited the diy forums (see the trackback just above) and figured that the solutions provided are completely unsuitable for wordpress-dot-com users, since they don’t have access to php files. The solution provided in this post is the only solution I know of that works for wordpresscom. It is not at all complicated once you get the hang of it.

9 04 2009
How to use Addinto to offer social bookmarking and email post options for wordpress.com blogs « Netty Gritty

[...] How to offer a “Share on Facebook” option under (wordpress.com) blog posts [...]

9 04 2009
How to create a customizable Tag Cloud for wordpress.com blogs (non-geek version!) « Netty Gritty

[...] How to offer a “Share on Facebook” option under (wordpress.com) blog posts [...]

19 06 2009
Dr. Osuna

what is notepad?

21 06 2009
Netty Gritty

Wow,
I have a doctor in my blog! :D

Well, a notepad is a simple text editor for windows. Are you using windows? If yes, I will continue. If not, please specify which operating system you use and I will continue accordingly.

22 08 2009
Sekedar Berbagi

good info , tx !

23 10 2009
Clermornt Auger

Can you help me?
It’s doesn’t work :S

23 10 2009
Clermornt Auger

I fixed it (:

Leave a comment