English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

Tuesday, 29 October 2013

How to Create Your Own "Add to Blogger" Button

Yesterday, I've been emailed by a visitor that requesting for a button called "Add to Blogger". This button will automatically generate the attached HTML/Javascript once the visitor click the button.

In this button, the webmaster/developer has attached the script along with it and when the visitor click at the "Add Widget" button, the script will be attached into the visitor blog.

How to Create Your Own "Add to Blogger" Button

Above page is what will be shown when you click this button:

How to create it?? 
How to change the HTML/Javascript??

<!-- scripterzone.blogspot.com Create "Add to Blogger" button starts -->
<form action="http://www.blogger.com/add-widget" method="POST">
<input name="widget.title" type="hidden" value="Blogger Button Created" />
<input name="widget.content" type="hidden" value="   
&lt;!-- Your HTML/JAVASCRIPT content goes here start --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
function {
}
&lt;/script&gt;
&lt;!-- Your HTML/JAVASCRIPT content goes here endd --&gt;
" />
<input name="widget.template" type="hidden" value="&lt;data:content/&gt;" />
<input name="infoUrl" type="hidden" value="http://scripterzone.blogspot.com" />
<input name="logoUrl" type="hidden" value="http://scripterzone.blogspot.com/favicon.ico" />
<input alt="Add to Blogger" src="http://3.bp.blogspot.com/-ub5HbHnGYH0/TwFxvqptPqI/AAAAAAAAAOY/0xKfTXJ2xRg/s320/btsnts_add_to_blogger.gif" type="image" />
</form>
<!-- scripterzone.blogspot.com Create "Add to Blogger" button ends -->

CUSTOMISATION
  1. Line 3: Change the value to your desired widget title
  2. Line 5 - 10: Change the HTML/Javascript to your own. MAKE SURE it has encoded!! Here is the simple link for you to encode your javascript replace it from line 5 - 10. Click here
  3. Line 13: Change it to your own blog/website
  4. Line 14: Change it to your own logo/image

Like this article? Please Share Permalink This Yes!


0 comments:

Post a Comment