Need help? Check out our Support site, then


WordPress.com Forums » Support

12

Adding Facebook Share Button to Blog Post?

  1. ethanandersen
    Member

    Has anyone figured out how to successfully add a "Share On Facebook" button on their Blog Post? I came across the following code:
    Share on Facebook

    This code seems to open up facebook but it will not display correctly. Instead of the title of the post, you will see "%20%20escape%20DOCUMENT.LOCATION.href%20%20%20"

    Eventually, I'd like to add a "Share This On Facebook" button and have it automatically pull the title of the post and share that on Facebook. I've tried the "AddThis" widget feature and it simply is too quirky and people do not use it. I'd like something simple that would allow people to immediately Share on Facebook, or Twitter, etc.

    Nate

    The blog I need help with is unbreakablemanlaws.com.

  2. timethief
    Member

    You can capture any image and link it back to any site. You need the URL of the page you want to link to and then follow the instructions in this support document: http://support.wordpress.com/links/text-widget-links/ .

  3. timethief
    Member

    I'd like something simple that would allow people to immediately Share on Facebook, or Twitter, etc.

    What I posted above is for displaying your Facebook profile image in your sidebar.

    To add social bookmarks to the end of your posts you can use either of thse two http://www.perlitalabs.com/Social_Bookmark_Builder_1_2/Link_Builder.php
    http://getsociallive.com/

  4. sanjidas
    Member

    If you want a button that will allow users to submit your article just to Facebook, then this post will help you.
    How to offer a "Share on Facebook" option under (wordpress.com) blog posts

  5. timethief
    Member

    How to import wordpress post snippets into Facebook Fan Page

    Method (1)
    Log into Facebook and go to your fan page. Then click on the edit page button below the pic box in the top left corner. Scroll down to the applications and look for notes and click edit. Then click on the import blog and put in your info. It’s the exact same as doing it for your personal profile, just under the fan page editing area.

    Method (2)
    The FB application RSS Graffiti automatically posts snippets of your WP posts to your wall, and friends have to click the link and go to your blog to view the whole article.

    http://www.facebook.com/#/apps/application.php?id=45439413586&ref=mf

  6. hoffmanfamily
    Member

    Thank you! I've also added @perlitalabs social bookmarks to my blog. Hopefully they will help spread the word! spkfrnch.wordpress.com

  7. timethief
    Member

    You're welcome. :)

  8. t3ck
    Member

    ( little OFF TOPIC )
    @sanjidas I'm tech minded and I had a really hard time understanding your Face book tutorial so I can surely say that most of the forum visitors are going to have no success with completing your tutorial successfully. So my suggestion is to maybe rewrite the tutorial in a more easier to understand format for the non tech savvy readers coming to this forum looking for the Facebook button solution.

  9. ruconsumed
    Member

    this helped me out a lot...thanks timethief!

  10. timethief
    Member

    @ruconsumed
    You're welcome. :)

  11. findvalor
    Member

    I think WordPress needs to get on the ball and make this easier for people. If they can do a "Share with Twitter," then they can do the Share with Facebook. It is on blogger.com, so why not here? I have just started a blog on here but I am about to go back to blogger.com because this WordPress is extremely time consuming and not user friendly.

  12. dfwbn
    Member

    I created my own set of buttons so I could control the look and feel.
    http://briannettles.wordpress.com/

    I also put up a spreadsheet to show how some of the links break down and what you would modify. Download the images and then assign a link to the graphic. EzPz.

    http://spreadsheets.google.com/pub?key=tiJJp7Bi4PtJTxumCos5YHA&single=true&gid=0&output=html

    As a FYI - in the case of Facebook you can easily pass the information from URL to FB. As an example, Blog Post = http://goo.gl/x9gH and Title = Tech Tip Social Media Toolbar.

    http://www.facebook.com/share.php?u=http://goo.gl/x9gH&t=Tech%20Tip%20Social%20Media%20Toolbar

    Brian

  13. timethief
    Member

    Are you aware of hootsuite?

    As with Twitter, Facebook, and LinkedIn, you can schedule and cross-post content to multiple WordPress accounts. There is also a Home Feed for blogs you are following, as well as the ability to reblog posts you think are noteworthy. http://blog.hootsuite.com/how-to-use-wordpress-with-hootsuite/

  14. ediva75
    Member

    I have to agree with others timethief that if Blogger.com can make it easy to link their blogs to someone's Facebook account it should also be the same case for WordPress. It unfortunately seems like a soap opera drama with it sorry to say!

  15. timethief
    Member

    IMO the soap opera is being creating by bloggers who gladly accept their free blog and free blog hosting and all the free features from wordpress.com, but not the restrictions.

    People popping up in the here in forum threads and in my blog comments, who do not have wordpress.com blogs linked to their usernames don't impress me when they weigh in by ranting about wordpress.com restrictions.
    And when they play the Blogger card they are comparing two very different kinds of software and that's an apples to oranges comparison so that defines their level of ignorance (lack of knowledge.)

    The fact is that one can have an unlimited number of blogspot blogs. This gives me pause to wonder how bright is it to be posting to this wordpress.com manned by Volunteers and saying, in essence, "I just want wordpress.com to be like Blogger?"

    Volunteers answering questions on this support forum have no role to play in corporate decision making, nor are we apologists for corporate decision makers. If you need help with a wordpress.com blog please post your blog URL and your questions and we Volunteers will do the very best we can to provide it.

    But, if you are posting just to whine or rant then whine and rant at those who get paid to hear it. > http://en.support.wordpress.com/contact/

  16. timethief
    Member

    There are 5 different ways to import snippets and links from wordpress.com blogs to Facebook fan pages outlined in this post > http://onecoolsitebloggingtips.com/2010/01/12/importing-wordpress-com-post-snippets-into-a-facebook-fan-page/

  17. ethanandersen
    Member

    Timethief, I very much appreciate your help. I took a look and downloaded the link you suggested: http://getsociallive.com/

    It has the most elements of what I originally requested AND looks the nicest.

    Thank you for volunteering your efforts!

  18. jimmymclark
    Member

    This is gonna sound elementary: I can't find where to post the code I'm creating @
    http://www.perlitalabs.com/Social_Bookmark_Builder_1_2/Link_Builder.php . Any help?

  19. timethief
    Member

    You simply switch the wordpress.com editor from Visual to HTML and paste in the code at the end of your posts.

  20. monae22
    Member

    @jimmymclark. Thank you for this post. I am very new to blogging. I have a wordpress.com account. Where do I post the html codes? Do I have to put it at the end of every post.
    I also have an html come for the text font and color. I am currently adding it to the beginning and end of each post. Where can I post it one time for the entire blog?
    I tried putting both sets of info into the CSS feed and I can not save the info bc unless I upgrade,
    Any answers to this question would e great.

  21. timethief
    Member

    @monae22

    Where do I post the html codes? Do I have to put it at the end of every post.

    You copy and paste the HTML code into the HTML editor before you publish the post. Yes, this has to be done on every post as we cannot edit the templates underlying our themes at wordpress.com and have the bookmarks appear automatically. Here we are all working in a shared environment on a multiuser blogging platform. All of those using the same theme are, in essence, using the same underlying template so we cannot access and edit that template.

    I also have an html come for the text font and color. I am currently adding it to the beginning and end of each post. Where can I post it one time for the entire blog?

    There are 2 ways to fonts at wordpress.com throughout the whole blog.
    1. You can use Typekit fonts here > Appearance TypekIt Fonts
    2. You can purchase an annually renewable CSS upgrade and do the editing yourself.

    More coming ...

    .

  22. timethief
    Member

    This post contains all the alternatives we can use for social bookmarking at wordpress.com http://onecoolsitebloggingtips.com/2010/04/08/social-bookmarks-for-wordpress-com-blogs/ Note: If you use getsociallive your twitter & Facebook accounts will be automatically updated following publication.

    more coming ...

  23. timethief
    Member

    If you have CSS editing experience, you can get the paid custom CSS upgrade and renew it annually. It will allow you to stylize the appearance of themes you find here > Appearance > Themes, but it does not allow you to change the functionality, by editing the underlying template. Also note that CSS is theme specific, so you cannot use the CSS stylesheets from other themes with the themes here at wordpress.COM.

    Since there is no official Staff support for the CSS upgrade, and precious little Volunteer support, I recommend that you don’t buy the upgrade unless you have at least moderate understanding of HTML and CSS because you must be prepared to do the work on your own.

    If you are considering purchasing the upgrade, you can go to Appearance > Edit CSS. There wordpress has provided a preview function where you can try before you buy.

    http://en.support.wordpress.com/custom-css/
    http://en.support.wordpress.com/editing-css/

  24. krishnarajkumar
    Member

    hi , Is it possible in a forum each post shall we add one face book share buttons? i mean displaying all posted forum are in one page like facebook wall for each wall i need one facebook share .please help

  25. akosiniko
    Member

    i was also able to put a "share on facebook" and "retweet button" for my worpress.com blog.
    html codes because java script don't work.
    Check this guys :)
    Thanks
    http://akosiniko.wordpress.com/2010/05/15/shareonfacebookandretweetbuttons/

  26. akosiniko
    Member

    <img title="shareonfb" src="http://akosiniko.files.wordpress.com/2010/02/shareonfb.gif" alt="" width="150" height="37" /> </div>
    <div>
    ^
    l
    l
    see? check my blog here:
    http://akosiniko.wordpress.com/2010/05/15/shareonfacebookandretweetbuttons/

  27. akosiniko
    Member

    Having 1,000 views per day is enough reason for a WordPress.com blogger to click the “New Post” button. Everyone likes making their post seen by as many people as possible. So, tapping on Social Media is one easy way to boost traffic, swift dissemination, better rankings and extended reach from viewers.Share on Facebook button is one sure way to do it.
    http://akosiniko.wordpress.com/2010/05/15/shareonfacebookandretweetbuttons/

  28. timethief
    Member

    There's now a Facebook "like" button for wordpress.com blogs. It's available from http://getsociallive.com

  29. akosiniko
    Member

    thanks time thief

  30. timethief
    Member

    @akosiniko
    You're welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags