Add a Facebook Like button to Tumblr posts.
One of the downsides to Tumblr is that by default it does not have any Like buttons for Facebook. Having these Like buttons are very important to helping to spread your information to other potential fans, customers or followers.
The following steps will guide you to adding the Facebook Like button to the bottom of all your existing and future blog posts.
Step 1:
Log into your Tumblr account and click on the gear icon for preferences.
![]()
Step 2:
Next click on the customize your blog button.

Step 3:
Now in the left side pane, you want to click on the button under your current theme labeled “Edit HTML” just under the image of your theme.

Step 4:
Next you need to scroll down in the code to where you see the text {/block:Posts} for my theme it happened to be around line 299.

Step 5:
Now copy and paste in the following code in full, just before the {/block:Posts} tag in your theme.
<div><iframe src=”http://www.facebook.com/plugins/like.php?href={Permalink}&layout=standard&show-faces=true&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0” allowTransparency=”true” style=”border:none; overflow:hidden; width:300px; height:75px”></iframe></div>
Your code when pasted should like similar to this.

Step 6:
Almost done, at the top be sure to save and close your theme changes. You can now go to your blog page and refresh to test that the buttons are showing up properly.
If you are having any issues re-check the code to make sure you pasted the code in full with div tags in the correct location and also to be sure it saved properly.
*Update 10/21/2011*
One of my customers had a Tumblr template that did not have the {/block:Posts} tag so here is another option if you run into this. You can place the code without the DIVS like I did in the image below.

Need help?
If this kind of change is a bit too much for you? My company Site Dragon can help, give us a call or email by visiting our web site at: http://www.sitedragon.com






