Full Sitemap of The Blog Doctor.

Here is a full sitemap of this blog. Click the Read More link below to see it.

You can contact me :



if you want one for your blog. Please wait for full page to load after clicking the Read More link below.............

Sitemap Page

The Blog Archive Google Gadget.

The Blogger Archive Gadget which comes as default with the official Blogger templates has some disadvantages. It does not show all the post titles. Only the titles of the present month are shown leaving the viewer to toggle the arrows to expand the list to see the other titles.


Here is a Google Gadget incorporating Google AJAX API code to retrieve a list of all your post titles from your post feed (Please wait till whole page loads to see it in action) :



The features of this gadget are.............

Blog Archives Google Gadget Features

1. Shows All Post Titles.

2. All Post Titles linked to their pages (permalinks).

3. Occupies small space on blog. Width and height can be customized.

4. Can be put in a post also (unlike Blogger gadgets).

5. Can be styled to match blog colors.

6. Contains official Google AJAX code.

7. It scrolls downwards automatically.


If you would like such a gadget for your blog drop me a mail at :

Labels Sitemap Gadget for Blogger.

The Sitemap Page for Blogger lists all your posts in the order they were posted. What if you want to give your viewers list of post titles under each label? They can then click on the post they want to find under the category or label they are interested in.


To do this I have created a Google gadget using AJAX Google API code. You can see the gadget in action on My Gadget Showcase blog. The Features of this gadget are .......................

Features of Labels Sitemap Google Gadget

1. It shows Post Titles classified according to Label.

2. Post Titles are linked to the post pages.

3. It can be added in a post (unlike a Blogger widget) and in a HTML gadget.

4. It uses Label Feeds to retrieve List of Post Titles associated with each label.

5. Style and size can be customized to fit your blog column.

LABELS SITEMAP FOR THE BLOG DOCTOR.

You can contact me if you want such a gadget for your blog. I will send you the code to paste in Edit Html tab of Post Editor or in a HTML gadget.

The Meta Gadget for Blogger.

Wordpress has a meta widget which can be added in the sidebar. It contains links to login, logout, feed links and the link to Wordpress.org. Blogger does not have such a gadget. Instead it has the Blogger Navbar which can lead you to nasty blogs.


Here is a Blogger Meta Gadget and a Google Meta Gadget which you can add to the sidebar :

Google Gadget.

Blogger Gadget

Since feed links are better shown at the top of the blog I have omitted them from above gadgets which are placed at the bottom of the sidebar.........

The Blogger Meta Gadget.

To add the Blogger Meta Gadget to your sidebar click the button below :

The Google Meta Gadget

Click this link to open the Customize Gadget page. Copy the code after customization and paste in a Html gadget in your blog.





Click above button to add "BLOGGER META" to your iGoogle page.


You need not worry that someone will click on the Login links to login to your blog. That does not happen in Blogger unless you have invited them to be team members of your blog. Besides without your password and user email they cannot login to your blog.


Enjoy!

Ajax Blog List Gadget with Post Preview.

Last week Blogger enabled Google Gadgets for Layout Blogs. You can now add a Google Gadget directly by login at Blogger.com, click Layout link on Dashboard and click 'Add a Gadget' link. This replaces the 'Add a Page Element' link.


The first gadget on the Basics subtab in the popup window is the Blog List gadget. This gadget shows off what you read with a blogroll of your favorite blogs. It shows the latest post title on the blog linked to the post with a post snippet and the date of last update. Since many have reported this gadget to malfunction here is the much better Ajax Blog List Gadget : (See picture below)



As you can see it can be customized to show ANY NUMBER of posts from any public blog. The top pane shows a post preview which cycles through all the posts listed below continuously. The time period and the styling of the widget can also be customized. To install it in your blog..............


login at Blogger.com and click Layout link on Dashboard. On Page Elements subtab of Layouts tab click the 'Add a Gadget' link. In popup window scroll down and click the Html/Javascript option. In it paste the following code under contents :

<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->

<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>

<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
type="text/javascript"></script>

<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">

/* Root */

.gfg-root {
width : 80%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 20px;
border: 5px solid #BCCDF0;
}

/* Feed Title */

.gfg-title {
font-size: 35px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}

.gfg-title a {
color : #3366cc;
}

.gfg-subtitle {
font-size: 25px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 5px;
}

.gfg-subtitle a {
color : #3366cc;
}

.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}

.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
}

.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}

.gfg-listentry-odd {
background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight {
background-image : url('http://www.google.com/uds/solutions/dynamicfeed/garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}

/*
* FeedControl customizations.
*/

.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 25px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}

/*
* Easy way to get horizontal mode, applicable via js options to gadget.
*/

.gfg-horizontal-container {
position : relative;
}

.gfg-horizontal-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
color : #444444;
text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
display : none;
}

/*
* FeedControl customizations.
*/

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}

.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}

.gfg-collapse-open {
background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
float : left;
}

.clearFloat {
clear : both;
}


</style>

<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'BLOG1_TITLE',
url: 'http://BLOG_1.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
},
{title: 'BLOG2_TITLE',
url: 'http://BLOG_2.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
},
{title: 'BLOG3_TITLE',
url: 'http://BLOG_3.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
},
{title: 'BLOG4_TITLE',
url: 'http://BLOG_4.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
}];
var options = {
stacked : true,
horizontal : false,
title : "MY BLOGS"
}

new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
Widget by <a href="http://betabloggerfordummies.blogspot.com">Betabloggerfordummies.</a>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->


In above code replace BLOG1_TITLE, BLOG2_TITLE,....with the respective blog titles. Also replace BLOG_1, BLOG_2,.. with respective blog names. If you wish to show more posts then replace the last number '5' in these lines :

http://BLOG_4.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5

with the number of posts you wish to show. Save gadget. Here is what mine looks like :

To change the styling of the above gadget

apply the css parameter lines to this code in it :

/* Root */
.gfg-root

/* Feed Title */
.gfg-title

/* Entry Section - Note the contents are generated from the
FeedControl, see documentation or the css here to style.
*/
.gfg-entry

/* Feed List */
.gfg-list

/* List Entries, support highlighting, and odd and even behaviors */
.gfg-listentry
.gfg-listentry-highlight
.gfg-listentry-odd
.gfg-listentry-even


Save gadget.

If you want to add more blogs to the list

add as many code blocks like this one as you want :

{title: 'BLOG5_TITLE',
url: 'http://BLOG_5.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
},

in the following code block in the whole code :

var feeds = [
{title: 'BLOG1_TITLE',
url: 'http://BLOG_1.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
},
{title: 'BLOG2_TITLE',
url: 'http://BLOG_2.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
},
{title: 'BLOG3_TITLE',
url: 'http://BLOG_3.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
},
{title: 'BLOG4_TITLE',
url: 'http://BLOG_4.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=5'
}];

Add Blogger Play, in Gadget Form to Blog.

Many bloggers have enjoyed Blogger Play which shows recently uploaded photographs to public Blogger blogs. It was introduced last month and viewers could enjoy seeing pictures that were being uploaded in real time.


Now you can add this as a Google Gadget to your blog :

You can also add it to your iGoogle Home Page by clicking on the button below :

To add it to your blog click on the link below :

You can customize the width and the height so that it fits in your posts column. Click Preview button to see the changes and then the Get Code button. The code window will open and you can copy the whole code and paste in Edit Html tab of post editor to put it in your post. OR paste it in a Html widget in the sidebar. Make sure that the width of the gadget is less than the width of your columns or your sidebar may slide down to below your posts column.


You can also if needed increase width of your posts column to accommodate it. If you are worried that increasing width of blog may add a horizontal scroll at smaller monitor resolutions try a Fluid Width blogger template which matches any resolution.

Enjoy!

Blogger Buzz: Blogger Play, in Gadget Form

Is China Blocking your Blog grrr?

Is China blocking your blog? Many governments block websites and particularly blogs as they frequently contain material that they do no wish their people to see.


How to find out if your blog is blocked? What are the methods to read a blocked blog........



To find out if your blog is blocked just install this Google Gadget :



Click the + Google button at the bottom left corner to add it to your blog. Copy and paste your blog URL in the yellow text box and enter the verification number. Select the city and click the Test It button.



It will test whether your web site is visible from multiple cities in China. The monitoring agent resolves the domain name from the selected location in China, connects to the test website and downloads the complete HTML content. You can select between several of the WebSitePulse monitoring locations based in China for the test, which will be performed in real-time. The test results display DNS lookup time, time to connect, time to download the first byte and time to download the complete HTML of the tested website.

READ BLOCKED BLOGS

1. Use http://www.pkblogs.com/.

2. Use http://www.inblogs.net/.

3. Subscribe to the blog feed using a feed reader like Google Reader.

4. Use a proxy or anonymizer website. Just search for them with Google.

CHECK YOUR BLOG STATUS

If you still cannot access the blog or site you can check it's status with the Google Gadget below :



Enter the URL of your blog in the text box and the Gadget will perform a PING test by sending multiple ICMP packets and listening for the replies. It will verify if the entered web host or IP address is reachable across the Internet and will measure the time it takes the packets to go from the selected testing location to the tested host. You can select between several of the WebSitePulse monitoring locations for the test, which will be performed in real-time. The test results will be displayed in a browser window and will show the shortest, the average and the maximum round-trip times of the test packets, and the packet loss rate between hosts.

Monetize Your Google Gadget.

Inspired by the response to Increase Traffic | Create a Google Gadget ( Topping the popularity chart on this blog for the last month ) I researched methods to add advertisements to Google Gadgets.


Here is the method by which you can add any type of advertisement to your Google Gadget. Since you can put a Google Gadget within a post ( in contrast to Blogger Widgets ) this method also allows you to add Google Adsense Ads. within your post as demonstrated here ........





First create your Google Gadget. Looking for content to put in your Google Gadget? I have created one which shows the pictures from my picasa gallery as a sample. You can create a similar one based on your photo album collection. After creating the gadget and adding the Google Adsense or Amazon code as shown below submit it to the Google directory for syndication.






In the below code substitute the items in red with your own code :

1. Change the Module Preferences to those of your own.

2. Change the image URLs' to those from your Picasa gallery album.

3. Change the Amazon Ad. code to your own code.

4. Change the Google Analytics code to your own code.
























The code for the Picasa photo albums Google Gadget is shown below :

 <?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Aishwarya Rai Photos"
title_url="http://betabloggerfordummies.blogspot.com"
author="Vin."
author_email="drbhatns+coolgadget@gmail.com"
author_affiliation="http://betabloggerfordummies.blogspot.com"
category="Fun & Games"
screenshot="http://i52.photobucket.com/albums/g7/vinayak06/ashgadget.jpg"
thumbnail="http://i52.photobucket.com/albums/g7/vinayak06/DummiesGuideBttn120.png"
render_inline="optional"
height="375"
width="175"
description="Aishwarya Rai Photos">
<Require feature="analytics"/>
</ModulePrefs>
<Content type="html">
<![CDATA[
<div id="ashcontainer"
style="text-align:center;">
</div>
<script type="text/javascript">

var counter = 0;

// Preload the images using _IG_GetImage().
var images = new Array();
images[0] = _IG_GetImage("http://lh4.google.com/drbhatns/RuUOIxWr19I/AAAAAAAAAic/xXD5IfB-_LY/s144/ash1.jpg");
images[1] = _IG_GetImage("http://lh4.google.com/drbhatns/RuUOIxWr1-I/AAAAAAAAAik/kYxo3nxP4Vg/s144/ash2.jpg");
images[2] = _IG_GetImage("http://lh4.google.com/drbhatns/RuUOIxWr1_I/AAAAAAAAAis/pL6I66h9h4I/s144/ash3.jpg");
images[3] = _IG_GetImage("http://lh4.google.com/drbhatns/RuUOIxWr2AI/AAAAAAAAAi0/Me2ac0M4gxo/s144/ash4.jpg");
images[4] = _IG_GetImage("http://lh5.google.com/drbhatns/RuUOJBWr2BI/AAAAAAAAAi8/RJXOS6p68ms/s144/ash5.jpg");


// Browse through photos sequentially. When you get to the end of the array, start over.
function browse(){
if (counter == images.length)
{
counter = 0;
}
_gel("ashcontainer").innerHTML = "";
_gel("ashcontainer").appendChild(images[counter]);
counter++;
}

browse();

</script>
<br />
<div style="text-align: center;">
<input type=submit value="Next ->" onClick="browse()">
<br/><br/>
<iframe src="http://rcm.amazon.com/e/cm?t=xxxxxxxxxx-20&o=1&p=21&l=ur1&category=beauty&banner=00AFNRTEE7XXVA2G6TG2&f=ifr" width="125" height="125" 

scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe></div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>

<script type="text/javascript">
_IG_Analytics("UA-xxxxxx-xx", "/ash");
</script>
]]>
</Content>
</Module>

Then paste the whole code in Google gadget editor online scratchpad and save it as an xml file. Publish the Google Gadget and get free publicity for your blog.



Lastly in Google Gadget editor go to File--->Publish----->Add to a Webpage. Customize your gadget and click Get Code button. Copy and paste the code in the Edit Html tab of post editor when creating post and Publish.


See my Google gadget with Amazon Ads. on the left side of this post.

Link To My Blog Google Gadget.

A reader requested me to convert the "Link to My Blog" Blogger Widget into a Google Gadget. You can create a similar Google Gadget for your blog and release it into the Google Gadget directory.


Also you can create one for your blog and install it in the sidebar. If readers want to link to your blog they do not have to copy and paste any code. It is a two mouse click operation to link to your blog for the code-challenged.........


We have already seen before how to create Google Gadgets. We will be using the same method here.



First go to the Google Gadget Editor Replace the code in the Editor with the following code : (see picture below - click on picture to enlarge it)


Replace the code in red with your blog link (BLOG_URL), the link to the snapshot of your Gadget (LINK_OF_SCREENSHOT), the link to the thumbnail (LINK_OF_YOUR_THUMBNAIL), Blog Title (BLOG_TITLE) and link of your button image (LINK_OF_BUTTON_IMAGE).


Then save the gadget and publish it. You can add the code to your blog sidebar in a Html page element where it will look like this :

Click the 'LINK TO THIS SITE' button at top to test the gadget. The Add Page Element page will open inside the gadget. You will have to scroll to select the options to add the image/button link to your blog.


Click the +Google button in the bottom frame to add this gadget to your personalized Google Homepage (iGoogle).

Easily Make Google Gadgets without Coding!

For those of you who wish to create Google Gadgets for Blog Publicity without having to resort to any coding at all Google has provided a simple point and click interface. You can create several types of Google Gadgets here :


1. Framed Photo. : Share your photos.

2. GoogleGram : Daily Message of Love.

3. Daily Me : Share your day's quotes, links, and ideas with everyone in your life.

4. Free Form : All-purpose gadget that lets you meld text and image in any way.

5. YouTube Channel : Create a video channel for your friends.

6. Personal List : With this gadget you can publish your own personal "Top Ten" lists.

7. Countdown : Share a countdown to an upcoming event.


We will use the Free Form Google Gadget to create a Blog Publicity Gadget and submit it to the Google Directory...........

BLOG PUBLICITY GOOGLE GADGET

This is a very simple method to create a Blog Publicity Google Gadget for your blog which does not involve any coding at all. To do this just head over to Google's page to make your own Gadget. Click on the 'Get Started' link under the Free Form gadget. This opens the point-and-click interface where you can preview the gadget while making it. See picture below :


Since we wish to make a Blog Publicity Gadget enter the title of your blog and paste the link of your blog by clicking on 'Add Link' link below the title text box.



Then take a screenshot of your blog. You can do this by opening your blog in the browser and switching to Full Screen view. Then press PrtScr (Print Screen) key on the keyboard to copy the screen to the Windows Clipboard. Open your Paint program or use Irfanview which is a free graphics editor. Use Edit---->Paste to paste the image from your Clipboard and save it as a JPG file after resizing it. Upload this file to Photobucket or to Googlepages and copy down it's link. Paste this link of your blog screenshot in the textbox under Image and Text. For Text type in a description of your blog. Click Preview to see the change.


Under Settings you can change the color of the background and position of the image. Once you have previewed and approved all changes click Create Gadget button at the bottom and Voila! there is your brand new Google Gadget without any coding. In the next step you can enter email addresses of your friends to send them the gadget or skip this step for now. Then you can choose to publish the gadget to the Directory. Next enter your name, location and description of your gadget (all optional) and click Next and the gadget is instantly added to your iGoogle personalized page. See picture below of my Gadget :


The Google Gadget will be available in the directory in ten days. You can use this type of gadget and other types to create any type of gadget without any coding.


Google Gadgets can be added to blog posts as well, unlike Blogger Widgets which can only be added to other parts of the blog.


You can convert Google Gadgets so that they can be added to the Windows Vista Sidebar and he Mac OS X Dashboard. See : Google Code - Updates: Convert Google Gadgets to Other Widget Platforms.

Free Publicity for Blogs via Google Gadgets.

Google Gadgets can be used to create Free Publicity for your blogs. To do this create Google Gadgets and submit them to the Google Directory and publicize them on your blog.


You can create four types of Google Gadgets to publicize your blog :

1. Put an application in a Gadget which provides functionality to the viewer.

2. Put your blog feed in a Gadget.

3. Put your blog link and screenshot with description in a Gadget.

4. Put your whole blog in a Gadget.

Here are the methods and code which you can use...........

THE APPLICATION GOOGLE GADGET

This type of Google Gadget contains a program running within the gadget which takes input from the viewer and processes it to give a solution. This program may be anything like a music player or a picture viewer or a weather gadget. To illustrate this type of gadget I created a Blogger Help Custom Search Engine which searches Dummies Guide to Google Blogger (Beta), the Blogger Help site and the Google Group Blogger Help Forum for solutions to Blogger problems.



You can see the Blogger help Custom Search Engine homepage here.
To add the Blogger Help Search Google Gadget to your blog go here.
You can customize the width and height so that it fits in your blog. Then click Get the Code button at the bottom and copy and paste the code into your blog. Test it out below :


Enter any query on Blogging in the search box above and click the Search button to get links to the solution within the above box. You can add it to your iGoogle page by clicking on the button at the bottom left hand corner :

THE BLOG FEED GOOGLE GADGET

You can display the list of your posts in a Google gadget and submit it in the Google Directory. Follow the same procedure as I did in creating the Blogger Hacks Google Gadget. Instead of pasting a label feed url within the code paste your own blog feed URL :

The URL of your beta/new blog's feed is

http://yourblogname.blogspot.com/feeds/posts/default
http://yourblogname.blogspot.com/feeds/posts/default?alt=rss

Substitute actual blog name in place of yourblogname

BLOG LINK AND SCREENSHOT GOOGLE GADGET

You can put a screenshot of your blog along with a link and blog description in a Google Gadget. Here is my Google gadget for this blog :



Here is the code for it :

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Dummies Guide to Google Blogger Beta" title_url="http://betabloggerfordummies.blogspot.com"
description="Complete help on Blogger."
screenshot="http://hosting.gmodules.com/ig/gadgets/file/115706042431009629871/BBDgadget.jpg"
thumbnail="http://i52.photobucket.com/albums/g7/vinayak06/DummiesGuideBttn120.png"
height="370"
width="325"
scrolling="true"/>
<Content type="html"></Content>
</Module>

Replace the relevant code with your own and paste it in the Google Gadget Editor to create your own. You can add it by going here.

BLOG IN GOOGLE GADGET

You can also display your whole blog in a Google Gadget. This is what it looks like :


Here is the code for it :

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Dummies guide to Google Blogger Beta" description="Complete help on Blogger. Blogger Hacks, Template, Adsense, SEO, Social Media, Google. " title_url="http://betabloggerfordummies.blogspot.com" author="Vin" author_email="drbhatns+@gmail.com" directory_title="Blog" thumbnail="http://i52.photobucket.com/albums/g7/vinayak06/bbdsnapshotThumb.png" render_inline="never" height="300" width="350" scaling="false" scrolling="true" screenshot="http://i52.photobucket.com/albums/g7/vinayak06/bbdsnapshotSS280.png">
<Locale lang="en"/>
</ModulePrefs>
<Content type="url" href="http://betabloggerfordummies.blogspot.com"/>
</Module>

Follow same procedure as before by replacing the URL of my blog in the code with your blog. The Google Gadget Editor now can upload image files and any other files used within your gadgets to free Google hosting. Inside Google Desktop: Say hello to Google Gadgets

The Blogging Tips Google Gadget.

Here is a Google Gadget which provides a fresh tip on Blogging every time your web page is refreshed. You can install this on your page at Googlepages, on any blog or website, on your personalized iGoogle page and on your Google Desktop sidebar. The code for the gadget is in the left column and the gadget in the right column.

<script src="http://gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/115706042431009629871/BloggingTips1.xml&synd=open&w=250&h=300&title=Blogging+Tip+of+The+Day&border=http%3A%2F%2Fgmodules.com%2Fig%2Fimages%2F&output=js"></script>

To install it in your iGoogle personalized page just click the +Google button at the bottom left hand corner of the gadget.


You can scroll down within the gadget to see the whole tip. To install the gadget in your blog paste the whole code in the right column into a Html/Javascript Page element in the sidebar. You can also install this gadget from here. Click on Embed this gadget link. To see a new tip just refresh the page. After creating your Google Gadget there are many places where you can place your gadget................

PUBLISHING GOOGLE GADGETS

You can publish your Google Gadget to the following places :

1. Your iGoogle page.

2. Your friends' iGoogle pages.

3. Google page Creator.

4. Google Desktop.

5. Blogs on any platform.

6. Any website.

7. Publishing to Content Directory. Visitors here can pick up your gadget code to add to their sites.

iGoogle Publishing

To add your gadget to your personalized google page go to the Google Gadget Editor and using File--->Open command load the gadget you have created. Then click on File---->Publish----->Publish to my iGoogle Page. Your iGoogle page opens with your gadget loaded.



To load other gadgets go to the iGoogle content directory. Choose your gadget and click on Add It Now button at bottom of each gadget to add it to iGoogle.

PUBLISHING GADGET TO SITES OR BLOGS

To add the gadget to any other site or blog or Googlepages from Google gadget Editor go to File----->Publish----->Add to a Webpage------->Google Creator Page opens. Here you can change the width and height of the gadget so that it fits in your sidebar. Then click the Get Code button and copy the code given in the box which opens. Paste the code in Edit Html tab of your Googlepages or in a Html Page Element of your Blogger Blog.

PUBLISHING GADGET TO GOOGLE DESKTOP

To publish your Google Gadget on your Google desktop first choose to display the sidebar and then at the top of the Sidebar, click Add. Type the URL for a gadget spec into the Search gadgets text field and then click Search gadgets. If the gadget is found, its title is displayed next to an Add button. Click Add.

PUBLISHING TO CONTENT DIRECTORY

To submit your gadget to the Google Content Directory go to File menu in your Google Gadget editor and click on Publish----->Publish to iGoogle directory which takes you to the iGoogle submit page with your gadget URL pre-filled in the form. You can use the submit form to submit your gadget to the iGoogle content directory. Your gadget won't be submitted unless you click Send.


You need to add your gadget to the directory before you can add it to your Google Desktop.

Increase Traffic | Create a Google Gadget.

A Google Gadget is a small application which runs on any website as well as your Google Desktop and provides a specific practical purpose and function. This purpose could be anything from advertising your home site to providing information or running small programs.

Because these Gadgets can run on any site or Google Desktop they have a much wider reach than Blogger Widgets which are similar but can only run on Blogger Blogs. Create a Blogger Widget but as it can only be installed on Blogger blogs it has a limited audience. If you wish to make a Blogger Widget check out Blogger Buzz: Make Your Own Blogger Widgets


You can create a Google Gadget without any signup and directly online without having to download any program............

To create Gadgets use the Google Gadget Editor At the coding level a Google Gadget is a XML file in which you can put any existing web content or applications. For example the code for a Google gadget saying "Hello World!" would look like this :


The content and the Module Preferences code is contained within a <Module>. The Module code is placed after the XML declaration showing that it is an XML file. XML is a general purpose markup language. It describes structured data in a way that both humans and computers can read and write.




You can create Google Gadgets to show cool and dynamic content that can be placed on any page on the web. They can be submitted in any of the following categories : News, Tools, Communication, Fun & Games, Finance, Sports, Lifestyle and Technology.

Creating Google Gadgets

As an example I have created a Google Gadget showcasing the Blogger Hacks demonstrated in this blog. For this purpose I took the label feed for my Label "Blogger Hacks" and used the 'Fetch Feed as JSON' template available in the Google gadgets API Scratchpad. See Picture below :


I selected the 'Fetch Feed as JSON' template by clicking the link pointed to by the arrow above. JSON (JavaScript Object Notation) is a lightweight computer data interchange format. It is a text-based, human-readable format for representing objects and other data structures and is mainly used to transmit such structured data over a network connection



First I 'burned' my Blogger hacks Label feed at feedburner using the Labels feed URL :

http://betabloggerfordummies.blogspot.com/feeds/posts/default/-/Blogger Hacks

The feed Url I got from feedburner was :

http://feeds.feedburner.com/BloggerHacksCollection

I pasted this URL within the following code of the template :

// Use the _IG_FetchFeedAsJSON() function to retrieve core feed data from
// the specified URL. Then combine the data with HTML markup for display in
// the gadget.
_IG_FetchFeedAsJSON(
"http://feeds.feedburner.com/BloggerHacksCollection",

After that I modified the <ModulePrefs...../> section and used the File Menu to save my gadget. Used the Preview tab to see how the gadget looks like. After saving the gadget it is hosted by Google on it's own servers. You get a URL or link to the Gadget. Google provides free hosting, free bandwidth and an easy way to submit your gadgets to the official directory, where users from all around the world come to find them.



Here is a diagrammatic representation of the code in my Blogger Hacks Google Gadget. See picture below :


As you can see it differs from the simple "Hello World" Google Gadget (see first picture in this post) in having a 'User Preferences' section.
When the code is pasted in a Web page it looks like this :


If you want to add it to your blog sidebar go to the Google Gadget Creator Page. Here you can modify the gadget size to fit in your sidebar. You can also choose how many hacks to display and whether to show descriptions or not. After using the Preview button to customize your gadget click on 'Get Code' button' . Copy and paste the code into a Html Page element in the sidebar.


In the next post we will see how to distribute Google Gadgets and syndicate them to increase traffic to your blog. As you can see below you can put a Google Gadget within your post which you cannot do with a Blogger Widget. This is because the blog post is itself a Blogger Widget and you cannot put one Blogger Widget into another.

Click the "+Google" button in the bottom frame of the above Gadget to add it to your personalized iGoogle page.

Google Talk Gadget for Bloggers.

Now you can add the Google Talk gadget to your blog. With Google Talk you will get Instant messaging, all of your Gmail contacts, video previews in chat and photo previews in chat........

Google Talk is the instant messenger for Google. With Google Talk you can see who is online and send instant messages to them fro your blog. There is no need to install any software. You just have to copy and paste a snippet of code. To add Google Talk Gadget to your webpage go here.
Adjust the width, height and border to suit your blog's decor and click on Get Code. Remeber to put the width smaller than the width of your sidebar.


Copy the code. Login to dashboard of Blogger and click on Layouts. Click on add Page Element link at top of the sidebar. Choose Html/Javascript option and paste the code in contents window. Save. View blog. See picture below


To add Friends, simply click on the +Add button in the lower left hand corner of the gadget, and type in the email address or Google Talk username of your friend in the search bar. If your friends already use Google Talk, they will receive an invitation to chat in Talk. If they are new to Google Talk, they will receive an email that will help them sign up. If you cut and paste a video URL from YouTube or Google Video into your chat, and send to your friend you'll be able to watch the video right in the Gadget, and if your friends are using the Talk Gadget, they will too. You can share photos the same way by pasting a URL from Picasa Web Albums.


To send an Instant Message or email click on a name to open a chat window. You may have as many chat windows open as you like at one time. Type directly into the box to send an IM. If you're signing into Google Talk with a Gmail account, you can send an email using your Gmail account by clicking on the Email button, or by clicking on the mail icon next to a name directly from your Friends list. To call a friend, click on the Call button from an open chat window. You can also make a call by clicking on the green phone icon next to a name directly from your Friends list. You can have multiple calls underway at once–but only one can be active at a time. The other calls must be on hold.


If you have a team blog you can instantly talk with other authors.

Technorati Tags:google, google talk, google gadgets,

Google Gadgets for Blogs.

Google Gadgets are mini-applications that work with the Google homepage, Google Desktop, or any page on the web. In the real world a gadget or gizmo is a device that has a useful specific purpose and function. Gadgets tend to be more unusual or cleverly designed than normal technology.

Google Gadgets range from simple HTML to complex applications, and can be a calendar, a weather globe, a media player, or anything else you can dream up.

A Widget on the other hand can be defined as the code representing a Page Element in the New Blogger.

You can add a Google Gadget to your blog to entertain your visitors or provide extra tools or functionality. Currently there are many Google Gadgets available in categories like News, Tools Communication, Fun & Games, Finance, Sports, Lifestyle and Technology. Do you want to provide a music player on your blog?


To do this go to : http://www.google.com/ig/directory?synd=open and type Music in the search box and hit Enter. You will get a list of Google Gadgets that provide a Jukebox, a Playlist Player, a MP3 Player etc. Click on Add to Webpage button at the bottom of the gadget you wish to add to your blog. Modify the dimensions of the gadget and customize it so it will fit in your webpage preview and click on Get Code. Code is generated which you copy and paste into a Html/Javascript Page Element in the sidebar. For example this is a MP3 Player (Click on image for bigger view)


Similarly you can provide other functions like a free file upload directly from your blog. Just add a Free file upload gadget in your sidebar. In my blog's right column at the bottom I have a picture uploading gadget. This will keep visitors on your blog for a longer time.



You can add Google Gadgets to your personalized search page as well as to your site at Googlepages and to your Desktop. If you wish to experiment you can make your own gadgets at http://www.google.com/apis/gadgets/index.html. After making your Gadget you can submit it to Google who will include it in their gadgets directory at http://www.google.com/ig/directory so that it reaches millions of viewers.


Other examples of Gadgets you can add to your sidebar include weather reports, horoscopes, quote of the day, current temperature etc. Get them all at http://www.google.com/ig/directory?synd=open&source=gghp.

Technorati Tags:google, google gadgets, mp3 player