Add Facebook Like Button To Blogger

SOCIALIZE IT →

I previously shared a twitter flying bird for blogger and in this tutorial I am going to share a facebook like button. This facebook like button can be added at the bottom of every post , below post title of every post and anywhere in your blog. By adding this widget let you know that how many likes will you get. This widget is neat clean and beautiful and it loads like a flash. So here I am starting to how to add this in your blog.

Add Facebook Like Button Below Every Post

→ Go To Blogger >> Template >> Edit Html >> Proceed
→ Tick Expand Widget Templates and Find <data:post.body/> (Tip : Press Ctrl+F To Find)
→ Just Below <data:post.body/> Paste The Following Code.

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

→ Click Save Template.

Add Facebook Like Button Below Post Title

→ Go To Blogger >> Template >> Edit Html >> Proceed

→ Tick Expand Widget Templates and Find <data:post.body/> (Tip : Press Ctrl+F To Find)

→ Paste The Following Code Above <data:post.body/>

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

Click Save Template.

I Hope You Liked This Widget , If You Have Any Question Than Post The Comment.

08 November, 2012