Recently, one of my friend asked me that “Add to blogger” button isn’t working in my blog, what might be the reason for it ?

Well, blogger is becoming more strict in spamming and abuse of their free services and they updates their system on regular basis. As we know, in the last year, number of blogs has been deleted due to their automated classification system. automate system isn’t succeed for the blogger because of whole the process works by a machine which cannot see the quality of the blog and blog’s articles. it deleting good and spam-less blogs too without any notice. This is my own experience, if you are regular visitor of this blog then you might be know about my blog was also removed by the blogger automated classification system in the starting of the year 2013, even my blog hadn’t any spamming materials.

Also see : Reply Button Not Working In Blogger Threaded Comments [Fixed]

So, what the change / update has been done and why the “add to blogger” button isn’t working?
Well, officially isn’t published by the blogger, but after 5 minutes of works i found the solution. Few days ago, Blogger has changed their protocol HTTP to HTTPS and it creates the problems in many actions. but it can be fixed easily.

What is HTTP and HTTPS?
HTTP = Hypertext Transfer Protocol.
HTTPS = Hypertext Transfer Protocol Secure -  It used to protect users sensitive information as example it mostly eCommerce and social media websites using the HTTPS protocol to make their website secure that protect users sensitive information such as login details, credit card details etc. (for the more information on this you can read on Wikipedia)

How to fix “Add to blogger” button?
Earlier, we used the below code for add to blogger button which has HTTP protocol at the form action URL : http://www.blogger.com/add-widget

<form action="http://www.blogger.com/add-widget" target="blank" method="POST">
<input type="hidden" name="widget.title" value="Widget Title Here"/>
<input name="widget.content" type="hidden" value="Your HTML JavaScript code here" />
<input name="widget.template" type="hidden" value="&lt;data:content/&gt;" />
<input type="hidden" name="infoUrl" value="https://www.makingdifferent.com/"/>
<input type="hidden" name="logoUrl" value="https://www.makingdifferent.com/wp-content/themes/makingdiffrent/images/logo_black.png"/>
<input alt="Add to Blogger" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" /></form>

Just replace the above form action URL : http://www.blogger.com/add-widget to https://www.blogger.com/add-widget

After the changes, your code should be look like this :

<form action="https://www.blogger.com/add-widget" target="blank" method="POST">
<input type="hidden" name="widget.title" value="Widget Title Here"/>
<input name="widget.content" type="hidden" value="Your HTML JavaScript code here" />
<input name="widget.template" type="hidden" value="&lt;data:content/&gt;" />
<input type="hidden" name="infoUrl" value="https://www.makingdifferent.com/"/>
<input type="hidden" name="logoUrl" value="https://www.makingdifferent.com/wp-content/themes/makingdiffrent/images/logo_black.png"/>
<input alt="Add to Blogger" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" /></form>

That’s all,

Enjoy..