How to add a border to layout?

How can I add a Facebook Like button to my Tumblr blog?

  • Hi I've started my own blog and I would like to add the "Facebook Like" button to each of my posts. Example: John likes Red Balloons on http://tumblr.com However so far I've used the iframe code and replaced the url with {permalink}. Now each article links correctly.... <iframe src="http://www.facebook.com/plugins/like.php?href={permalink};layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> but here is where my problem starts, when I click the like button I get: Example: John likes Tumblr on http://Tumblr.com - Clicking Tumblr links to Red balloons but the title is remains the same for every post on my site. How do I specify the title of each post? I've heard of using PHP codes that "pulls the article data" or meta tags but I'm not sure how that would work on Tumblr. Thanks for the help!

  • Answer:

    Have you tried using the XFBML version of the like button? This automatically links to the page it is hosted on, rather than a pre-specified URL, like the iframe code. Go to the developer page here; http://developers.facebook.com/docs/reference/plugins/like/ Instead of entering your info, click generate and take the XFBML code. When you want to 'like' a particular post on your Tumblr, click through to the permalink page for that post first, then click the like. It should use the page title as specified by in the browser. Some themes have Facebook like buttons built in to posts, such as Savory, Nova, Backburner, Scaffold & Inspire Well, to name a few. Hope this helps. Dan :)

Dan Goodswen at Quora Visit the source

Was this solution helpful to you?

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.