How To Link Like button To Facebook Like Page

linking like button to facebook like pageThis tutorial may sound nothing new for those who know the correct way of linking a Facebook like page to your like button but for those who are still thinking how this is done then kindly carry on reading. You may have seen almost every well established blog with a Facebook like button on the homepage but this button doesn't just shares the blog URL on user profile but it automatically likes the Facebook page of the author thereby increasing the number of his Facebook followers. This helps greatly in increasing your social media following and of course traffic to your site. Lets do it,

 

Linking Like page To Like Button

Facebook provides two different codes that is the iframe code and XFBML code. We generally prefer using the iframe code when pasting the  FB code inside the template but if you wish to paste the code inside a HTML/JavaScript widget then you can use both versions. In this tutorial I will be using the iframe version of code to keep things simple.

  2. And make the following changes as shown in the screenshot also,
  • Paste your Like Page URL inside "URL to like"
  • Keep width size equal to 80px
  • Uncheck send button and show faces
  • Change layout Style to button-count

like button settings

      3.    Hit the Get code button and copy the iframe code.

Next do this:

  1. Go To Blogger > Design
  2. Select HTML/JavaScript widget
  3. Paste the iframe code inside this widget
  4. Save it and you are all done!

Test it

image

Kindly do a favour and click at the like button near the header of this blog and see how the count on like page increases automatically.

Now enjoy receiving valuable likes and not just temporary FB likes. This integration of Facebook like button with like page was recently introduced and it wasn't working before. If you have any questions then feel free to ask. Peace and blessings. :)

You may also like:

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

9/06/2011 ,

15 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. UnknownSep 10, 2011, 3:45:00 AM

    I am still not sure what the idea of adding like button to like page is.

    Can you check my page and tell me if I have done in correctly?

    http://www.callingitlikeitis.com/

    thanks

    ReplyDelete
  2. UnknownSep 10, 2011, 3:46:00 AM

    @CB

    thanks in advance.

    ReplyDelete
  3. AdminOct 8, 2011, 9:34:00 AM

    Brother really thanks

    I really need that. Can you check my page to see that i make it correct or not.

    Thanks

    ReplyDelete
  4. Jared ThomsonApr 7, 2012, 12:35:00 AM

    Is it possible to have the facebook like button link to the facebook page? I am thinking the button would 'like' my page as normal, but the user would be sent to my facebook page as opposed to staying on the previous page.

    ReplyDelete
  5. J, The FlashpackerApr 22, 2012, 12:06:00 AM

    I have been researching for the past four hours and was starting to think I was stupid, for not being able to add the Facebook Like button on my blog. Thanks for the very simple instructions. Now I can sleep. It's working :-)

    ReplyDelete
  6. UnknownJun 23, 2012, 8:58:00 PM

    Thanks its really very help ful i love your site always provided me th best stuff

    ReplyDelete
  7. Crispen SmithJul 5, 2012, 12:15:00 AM

    I've been wrestling with this for a while now, trying to understand one particular nuance; how does this work in relation to fan pages as opposed to user profiles or apps.

    I.e. I need the likes to add to the totals for www.facebook.com/cinchedtight rather than my own page. Does this make sense?

    ReplyDelete
  8. Anzelin 安枕宁Jul 11, 2012, 3:49:00 PM

    Hi there,I already completed the step until:

    Next do this:

    Go To Blogger > Design
    Select HTML/JavaScript widget

    I am not really sure that where to paste the iframe code in the widget.Is it need to paste after or before certain code.
    Please advice.Thank you.

    ReplyDelete
  9. WriteupZoneAug 2, 2012, 4:21:00 PM

    i have the same question, where m i suppose to copy my iframe.. before or after. and also it says "Directly editing HTML may affect the way some features work and is only recommended for advanced users. Editing template HTML may unpredictably affect other Blogger features. We recommend using the Template Designer first, where you can Add CSS under the Advanced section"

    so i m kinda afraid of making changes as m not an advanced user. please help...

    ReplyDelete
  10. UnknownSep 4, 2012, 10:54:00 PM

    Hi there,I already completed the step until:

    Next do this:

    Go To Blogger > Design
    Select HTML/JavaScript widget

    I am not really sure that where to paste the iframe code in the widget.Is it need to paste after or before certain code.
    Please advice.Thank you.

    ReplyDelete
  11. MmRedOct 25, 2012, 6:20:00 AM

    Thank you so much. I spent like an hour trying to figure out why the code wasn't working, but no-one else had specified that it had to be iframe code rather than the other code types. Seriously, thanks :3

    ReplyDelete
  12. UnknownNov 7, 2012, 1:40:00 AM

    I think you can find html/javascript widget in the layout section. Then click add widget then just find it.

    ReplyDelete
  13. UnknownJan 3, 2013, 11:07:00 PM

    Thank you!!! You are the only blog out there who explain it easily :)

    ReplyDelete
  14. Curve TheoryFeb 14, 2013, 11:40:00 PM

    Thanks for posting this!

    ReplyDelete
  15. CrimsonCapeJun 9, 2016, 8:19:00 AM

    i need how to edit html, i used blog template that include a fb button. i want to edit the html so if i click the button it'll redirect to my fb. can u help me?

    ReplyDelete

Subscribe to: Post Comments ( Atom )