Create Add To Blogger Button for Direct Adding Widgets

Many time in Pro sites OR in Pro Blogs you will definitely see that when you want to add HTML/JavaScript widget in your blog OR in others blog, there you can add your widgets directly which is a sign of a Pro blogger. It makes your blog very impressive from others, which gives a very good impression on admin of blog and visitors will love to add that kind of stuff in their blogs also and the name of admin will also memorable for visitors, which is a very good sign for that blog and also a good sign for author and also good for rank of your site.

Things You Need For This....!

• You Need a Widget Title.
• You Need your blog's URL (Link).
• You Need URL of your blog's logo.
• HTML/JavaScript Content of your widget.

Add to Blogger Button Widget

• Login to Blogger > Dashboard
• Make a new post as you always create.
• Now pay attention and Make changes in below coding, according to your blog and widget. 
• Paste below codes in notepad and make some changes, write below.

<form action="http://www.blogger.com/add-widget" method="POST"><input type="hidden" name="widget.title" value="Your Widget Title "/><input name="widget.content" type="hidden" value="Paste the widget content value(html/javascript)" /><input name="widget.template" type="hidden" value="&lt;data:content/&gt;" /><input type="hidden" name="infoUrl" value="http://www.fblatest.in"/><input type="hidden" name="logoUrl" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigl_2qBzdUO1cQsn0hSToURhYe6IJFxFTbyExDrduEMGoV5K8XMc9TojtiBs35Kuh50tr7odZGjX-KWEyUBxMlxXTz5Ile0TKw1XrrN22vG4MPg0J6_GKgN0ZeOK0S9gHPkgC0KBTTdWLX/s1600/faceblog34.png"/><input alt="Add to Blogger" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" /></form>

• After made below change, copy whole codes.
• Go to posting area > Click on Edit HTML.
• Paste that code in the Edit HTML area.

Make Changes....!

• Replace Your Widget Title with the Title of your widget.
• Replace Paste the widget content value(html/javascript) with the HTML/JavaScript codes of your widget.
• Replace http://www.fblatest.in with your blog URL/LINK.
•  Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigl_2qBzdUO1cQsn0hSToURhYe6IJFxFTbyExDrduEMGoV5K8XMc9TojtiBs35Kuh50tr7odZGjX-KWEyUBxMlxXTz5Ile0TKw1XrrN22vG4MPg0J6_GKgN0ZeOK0S9gHPkgC0KBTTdWLX/s1600/faceblog34.png this link with your blog's logo URL/LINK.

Note:- If you don't understand this tutorial then use our Add to Blogger Button Widget Generator and paste code.

Thanks for Visit Here Like Us on Facebook.

If Any Problem, Ask in Comments Follow US on Twitter.

Posted in: Blogger Tutorials, Generators, Widgets