Free APIs That You Can use To Create Your Widget

There are heaps and heaps of free APIs on the web that you can use to mash up and create a widget. Most of the giants such as yahoo, google, twitter, digg etc have APIs that allow you to leverage off their search and social networking engines. Here we will list only the big names, but there are thousands of equally if not better services offered by smaller players for free.

Welcome to Do It Yourself Widgets

This article has moved back to Code Diaries,

You can find it at Learn How to Crete Pure Javascript Widgets

Moving, Hiding and Writing to a Layer in Javascript

This article has moved back to Code Diaries.

You can find it at Moving, Hiding and Writing to a Layer in Javascript

Increase Widget Font Size in Blogger(Blogspot)

If you would like to simply icrease the font size in the widget content without installing other widgets or embedding fancy javascript, you can edit the size in the template. Go to the Dashboard, click on Layout and select Edit HTML. Now look for the text below.

1. .widget-content { 2. margin-top: 0.5em; 3. } Hide line numbers

You can modify this to increase the size, font, color etc of the widget content like so.

1. .widget-content { 2. margin-top: 0.5em; 3. font-size:110%; 4. color:#FF6600; 5. } Hide line numbers

Remove the Blogger(Blogspot) Navi Bar/Banner at the Top

If you want to remove the Blogger bar at the top because it's clashing with your site. Many people seem to think this is illegal, that is up to you to decide. Go to the Dashboard. Click on Layout and then click "Edit HTML". Now stick this bit of code somewhere.

#navbar-iframe {
display: none;
}

Easiest is just before the "body {" and after the variable definitions. So your template should have this bit of code in it like below.

1. <Variable name="endSide" description="End side in blog language" 2. type="automatic" default="right" value="right"> 3. */ 4. 5. 6. #navbar-iframe { 7. display: none; 8. } 9. 10. 11. body { 12. margin:0px; 13. padding:0px; Hide line numbers

Web 2 Tips and Tricks

Helpful hints when creating web 2 widgets, writing perl code or setting up a page to use php or ssi. Hint's and tips you would not find anywhere else.

Javascript Need to Know

Everything you need to know about javascript. DOM, XML, AJAX. With the basics outlined in the following tutorials, you could make the richest and most inreactive site or widget.

Asynchronous Javascript and XML (AJAX) Example
Creating a Class in Javascript
Getting URL "GET" parameters using Javascript

Creating a Class in Perl

This article has moved back to Code Diaries.

You can view it there at Creating a Class in Perl

Creating a Class in Javascript

This article has moved back to Code Diaries.

You can find it there at Creating a Class in Javascript