Friday, February 20, 2009

FaceBook - Make Share Button on Blogger

Some questions of How do I share my blogger posts on Facebook ? , look my news article here: Share this button for blogger

Here's ,how make share button on your blogspot posts ,like appear at this blog . which will be good for readers to share your posts on Facebook, such as Digg button.

Oke, go to blogger dashboard -Edit HTML -Check Expand Widget - and find the code below:
<b:if cond='data:top.showAuthor'>

Place following code before the code above

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

The code above will appear be like this button:



If you want to using another button , can use these code below :

Cara memasang facebook di blog

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>




<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

Or use your own text , for example : "Share On Facebook"

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'>Share on Facebook</a>
</b:if>

End...

67 comments:

  1. Iko punya FB, di share bisa kan mas??? :D

    ReplyDelete
  2. bisa , ko...pasang aja kode di atas :)

    ReplyDelete
  3. nice info
    thanks you very much

    ReplyDelete
  4. Thanks! I was looking all morning for how to do this!!!!!

    ReplyDelete
  5. Hey - For some reason I cannot find that code. I am using an XML template that I customized. I know enough about HTML that I think I could find and replace if I knew which div to look under. Would it be footer, main post, sidebar, etc?

    You can take a look if you'd like at www.twentytravel.com

    Thanks for posting!

    ReplyDelete
  6. @Twenty Travel

    Ok, Try this other method ..
    find code below :

    <p><data:post.body/></p>

    then you can place the facebook code , underside that..

    I've look into your blog code, and i think, nothing problem.

    ReplyDelete
  7. You're awesome. Thanks for the help!

    ReplyDelete
  8. Hello
    I want to share my post in Facebook but i can't do it.
    I dont' find the code source you mentionned and i'm blogging with blogger:(
    Can you help me

    ReplyDelete
  9. Great! I have the button, now how to link it?

    ReplyDelete
  10. thanks for sharing this site. there are various kinds of ebooks available from here

    http://feboook.blogspot.com

    ReplyDelete
  11. thanks for your tips.. so awesome.. keep blogging

    ReplyDelete
  12. Thank a lot.. this one works..

    ReplyDelete
  13. this was very helpful..thanks alot...i have used the first logo but there is a prob with the other 2...anyway thanks...

    http://funniepix.blogspot.com/

    http://gadget-help.blogspot.com/

    ReplyDelete
  14. thanks...this one works...but what do i do if want it under my post (this one shows up at the top near author name)...please help

    ReplyDelete
  15. it doesn't seem to pull any info from my blogspot except web link and web title(not current title) info for FACEBOOK.

    how do manage to do this ? please someone help . thanks in advance.

    ReplyDelete
  16. sorry , i was talking about ADDTHIS widget. not this.

    ReplyDelete
  17. nice, i did it :)

    http://mckahveci.blogspot.com/

    ReplyDelete
  18. thank you very much!

    http://bit.ly/sageres

    ReplyDelete
  19. Can i please know how to write code in blogs posts like u have written

    I have been trying to give tutorial for "How to add star ratings for blogger" but when i write code in <> and click on publish post; the code part vanishes and only text is displayed on blog.

    ReplyDelete
  20. To : The Pretty Geeks

    I think you need to parse the code , did you read my post follows :
    1- How to posting HTML or Javascript codes
    2- Online free web site design tools

    Hopefully help, and please confirm back to me, if you still have problems .

    ReplyDelete
  21. I did it... but I get a border around the image? even though it says border = 0..

    any ideas?

    ReplyDelete
  22. Awesome!! thank you so much! finally one that works!

    ReplyDelete
  23. thx for share!
    It works fine!!

    ReplyDelete
  24. I'm new to blogging and I'm kind of excited in customizing my page. Thanks! this is helpful. :)

    http://diabolikaren.blogspot.com

    ReplyDelete
  25. Thanks very much - Looks great - and works great too!

    ReplyDelete
  26. Thank you SO much! I'm not a huge Facebook user but I know others are and it would be foolish to not have an easy way for people to share my content with Facebook. This was super helpful and easy to follow.

    ReplyDelete
  27. This comment has been removed by the author.

    ReplyDelete
  28. hey also check my blog friends http://uniqueupdates.blogspot.com

    ReplyDelete
  29. Hi,

    I tried to put the FB button, but here are my error message:

    Please correct the error below, and submit your template again.
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "img" must be terminated by the matching end-tag "".

    Can you help me? Please answer me in email: ninocska@gmail.com
    Thank you!!

    ReplyDelete
  30. I've been looking for a Post to Facebook function that works on my blogs. Thank you so much, my friend. I now can try and solve other problems.

    ReplyDelete
  31. nice ! it worked just fine ! What if we want it right down from the title of our article ?

    ReplyDelete
  32. Nice posting, om...btw, ngelanggar rules blogspot.

    ReplyDelete
  33. Corelito : bisa jelaskan melanggarnya gimana?

    ReplyDelete
  34. watch full movies with streaming at http://www.hindifilmz.blogspot.com

    ReplyDelete
  35. Earn upto Rs. 9,000 pm with PaisaLive.com!
    Hi ,

    I have something interesting for you - you can easily earn regular income online via PaisaLive.com!

    It’s really amazing! You get paid to open & read the contents of PaisaLive mails. You also receive special discount coupons, promotions and free passes to various events in your city.

    Join now and get Rs. 99 instantly, just for joining. What more, as a special bonus you get paid for inviting your friends also!

    Create your PaisaLive Account & refer your friends to earn launch referral bonus on every new registration.

    http://www.PaisaLive.com/register.asp?1556547-8608189

    PaisaLive - Get Paid to read emails

    {Thamizh Shandilyan}

    ReplyDelete
  36. Nice site and I like that very much but I also want to share something about the site where you can find such attractive packages to increase your fans and fallowers on facebook and twiiter, If you are interested then visit the link

    ReplyDelete
  37. I sure more about HTML that I think I could find and change if I knew which div to look under. Would it be footer, main post, sidebar, etc?

    ReplyDelete
  38. thanks done it to my site and its nice i hange the button to pink berrygorgeous.blogspot.com

    ReplyDelete
  39. yey! great code! works perfectly! thanks!

    ReplyDelete
  40. was very usefull :) thanks a lot dude :)

    view this www.giddy-zone.blogspot.com

    ReplyDelete
  41. Thanks very much for the code, it works perfectly :)

    ReplyDelete
  42. Very nice tips...
    I have a next tip that is file sharing on facebook. It help you to share your file easily.
    you can try this out:
    http://apps.facebook.com/diskonline
    really cool

    ReplyDelete
  43. http://movieshall4u.blogspot.com
    please must Visit

    ReplyDelete
  44. nice article thanx friend

    http://internetricks4u.blogspot.com

    ReplyDelete
  45. http://www.learnfbtips.blogspot.com



    This blog is very good....I like It.
    THANKS..

    LEARN FB tips use keyboard shortcut in Facebook

    http://www.learnfbtips.blogspot.com

    ReplyDelete
  46. This blog is very good.I like It.

    http://magazine168.blogspot.com/

    ReplyDelete
  47. how to make like this ?? http://mentolatux.blogspot.com.es/p/share-on-facebook-from-youtube.html

    ReplyDelete
  48. my facebook is romantic4night@yahoo.com if you know how make http://mentolatux.blogspot.com.es/p/share-on-facebook-from-youtube.html

    ReplyDelete

Please leave your comments or your promotion links, but don't add HTML links into the comment body, because I consider it as a spam, and will be delete..

Thank you for your visit..