Free Blogspot Template: Facebook Lover

Preview

• From your Blogger dashboard, go to Design | Edit HTML
• Make sure to back up your old template before install this new one by click on the "Download full template"
• Check on the "Expand Widget Templates"
• Now copy/paste this code to replace all the code in the HTML code section
• Click Save Template button and you're done.

How to adding Facebook button after every of your Blogger posts

The Faceook Like button lets a user share your content with friends on Facebook. When the user clicks the Like button on your site, a story appears in the user's friends' News Feed with a link back to your website.

When your Web page represents a real-world entity, things like movies, sports teams, celebrities, and restaurants, use the Open Graph protocol to specify information about the entity. If you include Open Graph tags on your Web page, your page becomes equivalent to a Facebook page. This means when a user clicks a Like button on your page, a connection is made between your page and the user. Your page will appear in the "Likes and Interests" section of the user's profile, and you have the ability to publish updates to the user. Your page will show up in same places that Facebook pages show up around the site (e.g. search), and you can target ads to people who like your content.

Here is how to adding Facebook button after every of your Blogger posts:

• From your Blogger Dashboard, go to Design | Edit HTML
• Check on the Expand Widget Templates
• Scroll and find the code <data:post.body/> then copy/paste this code after it:
  

  <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

• Click Save Template and you're done.

How to put Facebook Badges to your Blogger blog

Facebook can easily be integrated into almost every aspect of your life, from mobile phones to personal Web sites. Put your badge on a site and it will be automatically updated and visible to anyone (even non-Facebook users). This is great for signatures on a forum or as a sidebar on your own Web site.

Now, it's easy for you to put your Facebook badge on your own Blogger blog.

• Login to your Facebook account
• Go to the Facebook Badges pages
• Choose the badge you want to put on your Blogger blog
• Click on the Blogger icon on Preview page to put it on your blog
• You're done

Create a Custom Badge

• After choosing a badge to put on your blog, click on "Edit this badge" on Preview page
• Set the basic layout and format
• Add any items from the drop-down menu that you want to include in your badge. Click the "Add Item" button to add it to your badge. You may add more than one item. With no template, you can add anything you want to your badge. It will preview as you make additions.
• Hit the "Save" button to complete your badge and get the necessary code to post it.

There're 4 Facebook badges for now:

• Profile Badge Share your Facebook information on other websites
• Like Badge Show off your favorite Pages on your website or blog
• Photo Badge Share your Facebook photos on other websites
• Page Badge Share your Facebook Page information on other websites