How to Add a Facebook Share Button After Every Link in Blogger

Facebook is one of the world's most visited websites, and you can increase the readership of your Blogger blog by tapping into it. By adding a Facebook "Share" button under each post title link, you can give your readers an opportunity to share the content that they find valuable with their Facebook friends. One recommendation may lead to more, and over time your blog may begin to attract a great deal more visitors.

Instructions

1. Navigate in your Web browser to Blogger.com. If prompted, sign in with your Google account information to view your dashboard.

2. Click the "Design" link under the name of the blog that you want to add Facebook "Share" buttons to.

3. Click the "Edit HTML" link in the upper-left corner of the page. This displays the raw HTML code for your blog's design.

4. Place a check in the "Expand Widget Templates" box.

5. Press the "Ctrl" and "F" keys simultaneously to open your Web browser's "Find" function. Locate the line "<data:post.body/>" in the HTML editor. Place the cursor at the beginning of the line, and press "Enter" to create a new blank line above "<data:post.body/>." Place the cursor on the blank line.

6. Add the following code to the HTML editing window:

   <!-- Facebook Button -->

   <div style='float: left; padding: 5px; '>

   <a expr:share_url='data:post.URL' name='fb_share' rel='nofollow' type='button'/>

   <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

   </div>

   <!-- Facebook Button -->

7. Click the orange "Save Template" button below the HTML editor to save the Facebook "Share" button to your Blogger template.

Tips & Warnings

• Facebook has different button types that you can add to your blog. To use a different button type, remove the word "button" from the code "type='button'" and use "button_count," "box_count" or "icon."

• Before making changes to the HTML code for your blog, click the "Download Full Template" link after clicking "Edit HTML" to save a copy of the code on your computer. If you do not like the appearance of your blog after adding the Facebook button, click "Edit HTML," then click "Choose File" to upload the backup from your computer.

References

• Blogger Templates & How-to Tutorials; How to Add Facebook Share Button in Blogger/Blogspot Posts; Bilal; June 2009