As you have seen in some bloggers blog that they are giving the button to add there HTML-JAVASCRIPT code instead of showing code.So i am here to show how they do this in easy coding. Add to Blogger button code Generator that gives you the code for "Add to Blogger" Button In Enter Widget Title you have to put the title of the widget. In Blog Url / Profile URL you put your blog/website url In Enter Your Logo URL you put your logo url and then paste your content in Paste the widget content value(html/javascript)and then click on generate button you have seen the add to blogger button in some blogs.you can get it to your blogger.Just add the details and html/java script in the below boxes and click generate button and get the code and add it in your blogger post.Then you can give html/java script by pressing only add to blogger button at your blogger can send the hidden information directly to your visitors blogger.
2.) Also Have Your Logo URL To Show It When Somebody Adding Your Code.
3.) User Can Also Add Widget Name Through This Code.
4.) Simple And Stylish.
5.) HTML Only, No Images To Load Quickly.
6.) Screen Shoot Is Available At Top.
7.) You Can Add It Also In Blog Post.
8.) Will Help Your User To Add Widget.
9.) Fully Customizable With Extra CSS.
10.) Easly Insert Your Widget Code In Your User Blog.
2.) Open Your Desire Blog.
3.) Go To "Layout".
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
2.) Change Blue Code With Your Website/Blog URL.
3.) Change Pink Code With Your Logo URL.
4.) Done, Now Enjoy.
2.) Still Prob. Feel Free To Ask.
Features:
1.) This Code Have Your Website/Blog URL Link Space To Show Author.2.) Also Have Your Logo URL To Show It When Somebody Adding Your Code.
3.) User Can Also Add Widget Name Through This Code.
4.) Simple And Stylish.
5.) HTML Only, No Images To Load Quickly.
6.) Screen Shoot Is Available At Top.
7.) You Can Add It Also In Blog Post.
8.) Will Help Your User To Add Widget.
9.) Fully Customizable With Extra CSS.
10.) Easly Insert Your Widget Code In Your User Blog.
How To Add In Blogspot?
1.) Go To Your www.blogger.com2.) Open Your Desire Blog.
3.) Go To "Layout".
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
How To Add In Website?
1.) Just Go To Your HTML File.2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
<center>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<span style="font-size: large;">
<b>Widget Title: </b>
</span>
<input name="widget.title" size="25" type="text" value="Widget Title Here" />
</center>
<br>
<center>
<input name="go" style="font-size: 20px; width: 180px;" type="submit" value="Add to Blogger" />
<textarea name="widget.content" style="display: none; height: 0px; width: 0px;">
+++YOUR ENCODED HTML WIDGET CODE HERE+++
</textarea>
<input name="infoUrl" type="hidden" value="http://www.---------.com/" />
<input name="logoUrl" type="hidden" value="http://www.----------.com/favicon.ico" />
</form>
</center>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<span style="font-size: large;">
<b>Widget Title: </b>
</span>
<input name="widget.title" size="25" type="text" value="Widget Title Here" />
</center>
<br>
<center>
<input name="go" style="font-size: 20px; width: 180px;" type="submit" value="Add to Blogger" />
<textarea name="widget.content" style="display: none; height: 0px; width: 0px;">
+++YOUR ENCODED HTML WIDGET CODE HERE+++
</textarea>
<input name="infoUrl" type="hidden" value="http://www.---------.com/" />
<input name="logoUrl" type="hidden" value="http://www.----------.com/favicon.ico" />
</form>
</center>
Customization:
1.) Change RED Text With Your Encoded HTML Code.2.) Change Blue Code With Your Website/Blog URL.
3.) Change Pink Code With Your Logo URL.
4.) Done, Now Enjoy.
How To Get HTML Encode Code?
1.) Read This Post To Know About It.2.) Still Prob. Feel Free To Ask.
0 comments:
Post a Comment