Latest News

How to Add Facebook Like and Share Button to Blogger

Hello friends welcome to my website www.hacx.in mai aapka svagat h aaj hum apke liye laye h latest new Facebook Tricks how to add facebook like and share button to blogger step to step guide so enjoy this trick.


Steps

1 Go to the "Facebook Developers" page:
http://developers.facebook.com/docs/reference/plugins/like.



2 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.



3 Leave the "URL to Like" field blank. You will be replacing that soon.



4 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>




5 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.





















6 Go to your Blogger Dashboard.


















7 Open your blog's layout and click Edit HTML.




8 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.




















9 Save and check that the button has appeared. Once you can see it, you're done!




Example


No comments:

Post a Comment

KGR Alienture Designed by Templateism.com Copyright © 2014

Theme images by Bim. Powered by Blogger.
Published By Gooyaabi Templates