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...

Free 7 Blogger free7 network twitter

68 comments:

Anonymous said...

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

free7 said...

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

Rusa Bawean said...

nice info
thanks you very much

Dave Ward said...

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

Aswani said...

Thank you :)

Twenty Travel said...

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!

Iwan Rachmanto said...

@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.

Twenty Travel said...

You're awesome. Thanks for the help!

Profilo said...

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

Beth said...

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

pbsl said...

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

http://feboook.blogspot.com

r4hm4n4ri3f said...

thank's

Lizanovia Muharraini said...

thanks

ecgta3 said...

THANK YOU VERY MUCH

Modern Methods said...

Great stuff

Ben

OSHI said...

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

Paperback Lover said...

thanks a million!

Priyank said...

Thank a lot.. this one works..

IBONG said...

do you have a real share facebook widget?

Prem Sabarwal said...

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/

Prerna said...

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

serdargs said...

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.

serdargs said...

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

McKahveci said...

nice, i did it :)

http://mckahveci.blogspot.com/

Sorbs said...

thank you very much!

http://bit.ly/sageres

The Pretty Geeks said...

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.

Iwan Rachmanto said...

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 .

miranti verdiana dewi said...

thannks. u help me

-Louvrenur- said...

THX.. help me tooo...!! ^^

The Pretty Geeks said...

Thanks It helped...[:-)]

Madraykin said...

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

any ideas?

Oz said...

Awesome!! thank you so much! finally one that works!

随心所摄 said...

thx for share!
It works fine!!

The Beautiful Garbage said...

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

http://diabolikaren.blogspot.com

Aaron said...

Thanks very much - Looks great - and works great too!

JerryTerrifying said...

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.

Lee Khatchadourian-Reese said...
This comment has been removed by the author.
blogger boy said...

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

Nina said...

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!!

Shirley E Hardy said...

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.

scepticusbatsicus said...

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

သိဂၤါေက်ာ္ said...

Thanks a lot..

Max Barsini said...

Thank you...it worked terrifically!

NORFITRAH said...

thanks a lot :D

Corelito said...

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

free7 said...

Corelito : bisa jelaskan melanggarnya gimana?

Jameswied said...

AWESOME THANKS.

aden said...

makasih om infonya

Torkona said...

thanks dude!

- tork

umer said...

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

Rie said...

Trims...

SaAnDy said...

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}

Buy facebook fans said...

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

Muhammad Azeem said...

This is a nice article..
Its easy to understand ..
And this article is using to learn something about it..

c#, dot.net, php tutorial, Ms sql server

Thanks a lot..!

Facebook likes said...

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?

nobelow18 said...

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

ziggler said...

good n thank's

Kresia said...

yey! great code! works perfectly! thanks!

sandeep said...

was very usefull :) thanks a lot dude :)

view this www.giddy-zone.blogspot.com

Polyrhythm said...

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

Bishal said...

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

Anonymous said...

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

doni said...

thx for info

Malik said...

nice article thanx friend

http://internetricks4u.blogspot.com

IDREES AHMAD said...

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

vannak said...

This blog is very good.I like It.

http://magazine168.blogspot.com/

mentolatux said...

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

mentolatux said...

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

Post a Comment

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..