Skip to main content

How to add Facebook like box to blog?

In this article, what I am going to say is said by the article header. When I come around the GPF-Blogger:How do I?, I found a lot of questions on "How to add Facebook like box to blogger blogs?" Hence this article will be serving as the answer for those, hereafter.

  1. First of all, you must create a Facebook page. To create Facebook page, click here.
  2. After creating the page, copy its link location. It will be something like this.
  3. https://www.facebook.com/pages/Infotron-Krishna-To-Spread-the-knowledge-of-Computer-Tricks/160743810652858
  4. Now go to Facebook developers page, where you can add the like box. Click here to go there.
  5. There, Paste your Facebook page URL instead of http://www.facebook.com/platform.
  6. Click on Get code. Now you could see a small window with three tabs. HTML5, XFBML, IFRAME.
  7. Go to IFRAME(Recommended). Copy the code.
  8. Now,
    • Go to Dashboard => Layouts => Add gadget => HTML/Java script => Paste the code => Save[New UI]
    • >Go to Dashboard => Design => Page elements => Add a gadget => HTML/Java script => Paste the code => Save.[Old UI].
Note :-
  • As Gadgets for Dynamic templates are under construction, it is not possible to have a gadget and you will not be shown up with Layouts or Page elements in New or Old UI respectively.
  • Therefore, use a page for gadgets on dynamic view as I have done. http://krishnainfotron.blogspot.com/p/our-gadgets-here.html
See related posts:

Comments

People also read,

How to secure your Google account and Blogger blog?

As a part of contributions to NCSAM, I am writing this article down on what all should we be aware of with respect to Google's security aspect and how to make sure your blog stays yours forever. What is NCSAM? It's National Cyber Security Awareness Month which is observed during the month of October every year in America. However, we all know cyber security is a world topic and is not limited to just the USA. So let me give some tips with respect to keeping the Google account safe and Blogger blogs safe from hackers. As I secure my account, I hope you people catch up too. In this blog post, I am going to tell about the following, Securing your Google account. Securing your Blogger blog. Securing your Google account Since Blogger is also part of your Google account, let's first see what all we need to do to keep our Google account safe. Don't share your password to anyone. Keep changing your password every 60 - 90 days. Make sure your password is str

Blogger Tweak - Open external links in new tab automatically

So, once upon a time, a really long while ago, I tried to customise and recreate a Blogger template which is not available anymore, but there's one thing I remember about it. I had a jQuery code written to make all the external links open in new tab. I also thought, it's about time I revive that idea and write a more intact code and here we go.  So, there are two things to do.  Add Javascript code that detects external links and opens them in new tab. Add a CSS code to let users know that a particular link is going to be opened in new tab. Adding a javascript code Please follow the instructions below, Go to https://blogger.com  dashboard Navigate to Themes > click the down arrow near "Customize" and then click on Edit HTML. Now scroll to the very end and paste the following code just before </body> tag. <script type='text/javascript'> document.body.addEventListener(&quot;mousedown&quot;,function(event){       if(event.target.tagNa

Blogger custom domain confusions - Check before you buy

In the Blogger community forum, I happened to help a user who was not able to publish their blogspot address to their custom domain. After doing all the debugging, there was no option left out but to contact Google and finally we have known what the problem is. The problem was that the URL was not available for use in blogger.  Here on, before spending money on buying a domain, please ensure blogger allows it. Why isn't the custom domain available to buy but not available to use on Blogger? That'd be the first question every user would ask or think to ask. Unfortunately reason is un-disclosed by Blogger themselves.  So how do we know if a domain is available at Blogger or not? Earlier, there used to be no way we could do this as Blogger would throw a more generic error like below, Now, we get a more customised error for this particular case alone like below, So, here on, before spending money on buying a domain, please try publishing your blog in the domain name you are plannin