How to Add Facebook Like to Blogger

Posted:

The like button alongside the share button

Facebook has recently added the ability for its users to "Like" just about any content on the web and have that activity posted to the users' walls. This facility lets you share content more readily and also gives you an idea of how some of your readership traffic is responding to your content.

This article provides step-by-step instructions on how to add the "Like" button to your Blogger (BlogSpot) blog, one of the more commonly used blogging services.

Steps

Go to the "Facebook Developers" page: http://developers.facebook.com/docs/reference/plugins/like.
Set the options you want. Specifically, select whether you want a "Like" or a "Recommend" button. The sample button on the page will automatically update to reflect your selections.
Leave the "URL to Like" field blank. You will be replacing that soon.

Click "Get Code". You will see something that looks like this:

<iframe src="http://www.facebook.com/plugins/like.php?href=

http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout=standard&

show_faces=false&width=450&action=like&colorscheme=light"

scrolling="no" frameborder="0" allowTransparency="true" style="border:none;

overflow:hidden; width:450px; height:px"></iframe>

Replace the following text:
- ~~src=~~ above with:
```
expr:src='
```
- ~~http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout~~ part with:
```
" + data:post.url + "&layout
```
- ~~light"~~ with:
```
light"'
```
  -- notice the new trailing apostrophe
- ~~height:px~~ with:
```
height:35px
```
  -- otherwise, Firefox will make the iframe really big.
- Leave a copy of the final code somewhere accessible for you to transfer to Blogger.
Go to your Blogger Dashboard.
Open your blog's layout and click Edit HTML.
Back up your template! Do this by clicking Download Full Template.
Check Expand Widget Templates.
Find a place to put the Facebook "Like" code into your HTML layout. A good location is directly after or below:
```
<div class='post-footer'>
```
- Use the browser "Find" mechanism to help you locate it.
Save and check that the button has appeared. Once you can see it, you're done!

Tips

As of May 16, 2010 this feature is only available in the English language.

Warnings

Always back up your blog's template before making changes to its layout!
It is recommended that you keep "Show Faces" unchecked and use the "button_count" layout. Otherwise, less-savvy users who did not configure their privacy settings properly may be turned off by their profiles appearing on your blog after "Liking" it.

Things You'll Need

Blogger account
Facebook account

Related wikiHows

Sources and Citations

http://c-sharpener.blogspot.com/2010/04/blogger-how-to-add-facebook-like-button.html (Original source — shared with permission)

Article Tools

How to Make a Strawberry Jar Planter from a Plastic Jug

Posted:

Strawberry jar planters are so expensive. Why not make your own by recycling a plastic jug and some plastic bottles or cups?

Steps

This is the type of jug.
Prepare the jug. Remove the jug handle by cutting one end of the pin that holds it in. (Use the handles for some other project.) Use a heat gun or hair dryer to soften the labels to remove them.
Cut the bottom out. Turn the jug upside down and cut out a rectangle, leaving an edge all around.
Stagger all around, so that all four sides are different.
Cut the holes. Cut the holes out on the sides and top only, using a SoniCrafter or whatever you have that will cut through tough plastic.
- Cut off the top 2/3, leaving the bottom 1/3 to attach your bottle/cup to.
- At this point, score along the bottom, so that the flap can be bent inward.
This is the type of bottle.

Clamp boards to the miter saw to make a jig to cut the bottles in half top to bottom.

This is what you'll end up with. Cut the rest of the way with kitchen shears.
Cut the "pots". Use the miter saw to cut off the top of the bottle. (If you are using plastic cups, you can skip this step).
This is what you'll have at this point.

Use a file/rasp to take off the splinters left behind from cutting. They don't have to be totally smooth.
Add the "pots". Set the half bottles/cups in the holes of the planter. The top of the "pot" should be just a little above the top of the hole, just so that it doesn't slip inside. Cut off any excess bottle/cup.
Screw each cup to each flap.
Screw in the cups. Drill a hole a little smaller than the screw through each bottle/cup half bottom, and the flap on each hole. Screw each cup to each flap.
Wedges to hold "pots" in place.

Peanut butter used to remove label residue.
Caulk the "pots". Measure the space between the top of the holes to the bottom of the "pots" and cut a scrap piece of board to fit in and use as a wedge to keep the pots up against the planter. Caulk around the outside edges of each "pot", sides and bottom. Add the caulk to the sides of each "pot" on the inside. After the caulking has dried, you'll probably need to check it over and recaulk any areas that you missed.
Drilling drainage holes in bottom.

Drainage holes
Drill the drainage holes. Let the caulking cure for the time advised. Once this is done, drill drainage holes in the bottom of the planter.
Large cardboard box used as "painting booth".
Paint the strawberry jar planter. Sand it just to roughen it up a bit and wipe it down. You are now ready to paint. Paint with a spray paint made for plastic.
Empty Strawberry Jar

Here it is planted.
Finish and plant. Pictured here is the finished "Strawberry Jar".