Blogger : Facebook share button for each post using iframe - facebook

Can't get facebook share button (IFRAME) to show for each separate blog post on Blogger.
Im using the FB dev share button configurator
https://developers.facebook.com/docs/plugins/share-button#configurator
I can get javascript to work, but I can't seem to place my button neatly.
Tried FB iframe and I can place button neatly.
with iframe :
I can't get the blog post to list.
It asks for a http url , rather than say data:post.url
Blogger uses XML.
Can anyone say what iframe code I would use for a FB share button on each blogger blog post ?
example for 'facebook.com' (which works)

Put this code in your bolg post footer
<a class='facebook share' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>facebook</a>

Related

Adding FB share button to pages behind sign-in

I have web page which needs users to sign-in (not FB signin though), and need to add share button to it. Issue is when I share that page, it only posts link to the wall. og image and og:description tags are ignored.
btw i am using iframe to show fb:like
Can you please let me know how to solve this issue?
You need to generate open graph tags even when user is not logged in.

how to customize fb-like button and post_data

I am using the fb-like widget by facebook in my site. I want it to render image of the post and description when they like it and that like needs to render on to the facebook wall that they liked it. But fb-like is just showing the link as the description and header on the wall.
You need to add the Open Graph metatags to your page. Read step 2 in the Like button social plugin docs for a guide to creating these tags. This will ensure that your page appears correctly in posts.

Like button likes Facebook Auto Created Page rather than my Own Facebook Fanpage

I have an Official Facebook page I've setup for my new company.
I have a like button on my website with the appropriate meta tags related to that website.
But when Someone clicks the "like" button, it "likes" a page on facebook that facebook has automatically created thats not related to my own Facebook Fan Page using the META tags into from my webpage. I am using the iframe code for the like button.
How can I stop this happening? Thanks so much.
On the site you have chosen the Style of your "like" Button you have to put in the Url of your company Facebook page again, if you don't do this you'll get a like-Button for a Facebook page.

Link to a facebook application from a facebook page does not work?

I have a ready facebook application that should be linked to a facebook page. I am trying to link the canvas url of my application to a button in the page with the help of javascript by calling:
function onBtnClick() { window.location = "http://apps.facebook.com/CANVAS_URL/"; }
When I click the button that is supposed to take me to the app I get only an empty page with a blue box and "Facebook" string inside it (pretty much looking like the facebook logo)
This box is a link to my application and if clicked takes me to http://apps.facebook.com/CANVAS_URL/
The same problem occurs in the application, where I try to link the facebook page. The link there is a regular <a> tag.
Do you have any ideas how to redirect to an app without this additional "Facebook" page?
Thanks in advance,
Martin
Use this instead:
top.location.href = "http://apps.facebook.com/CANVAS_URL/";
You need the upper frame (Facebook) to redirect.
If using a simple <a> html link, try target="_top"

FaceBook share button to post content on FaceBook

i have added facebook share button on my site, by clicking on that button i want to post content on facebook.
how can i do this?
You can generate the code for it here: http://www.facebook.com/share/
With documentation here: http://wiki.developers.facebook.com/index.php/Facebook_Share
You can use meta tags to control the thumbnail and description. The title comes from your sites title.
Consider also the Like and Recommend button: http://developers.facebook.com/plugins