IT Posts...

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

The Blogger Archive Gadget shows only the post titles of the latest month (in Hierarchy mode). The rest of the months and post titles are hidden behind small black arrows which have to be clicked to reveal them.

The Feed Gadget shows only the latest five posts if used along with your blog feed. Here is The "Shows All Posts Blogger Gadget Installer" which when added to your blog enables your blog readers to add/show ALL your blog posts in their blog.

This gadget can increase traffic to your blog and also after installing it on your blog you can with one click add all your post titles as a blog archive on your own blog.........

Paste the code below in the place shown in Step2 after modifying it as follows :

Change 'MYBLOG' to the actual subdomain of your blogspot blog. That is if your blog address is http://example.blogspot.com put in 'example' in place of 'MYBLOG' in the code below :

This code converts your site feed (1000 posts) :

http://MYBLOG.blogspot.com/feeds/posts/default?start-index=1&max-results=999

into Javascript code at this site.

The code generated in Step 2 is in HTML.  It will work if you paste it directly in a HTML gadget in your blog.  However we need to provide it to our readers in a gadget to place on their blog.  To do this we need to convert HTML characters like '>' and '<'.  You can do this the hard way by converting each character or the easy way by using sites which provide this service free.  Copy the code generated in Step 2 and paste it in the box provided at the HTML escape site. 

Click the Encode button.  A fresh code text box will appear lower down.  Copy the code in it.

To add the gadget installer to your blog copy the code below and paste it in a HTML gadget in your blog AFTER :

a) Changing "MYBLOG.COM" to your actual blog name.

b) Copy code given in Step 2 above after the encoding process and paste where it says "PASTE CODE FROM STEP 2 HERE."

</P><P>PASTE CODE FROM STEP 2 HERE.</P><P>
value http://www.blogdoctor.com="name=" infourl type="hidden"/>

value = name="logoUrl" http://www.blogger.com/img/icon_logo32.gif type="hidden"/>

value>value>

Put the title of the HTML gadget as "Get ALL Posts from THIS BLOG."
Save the HTML gadget. It will look like this :

Lastly test the Gadget installer. Click on the "Add to Blogger" button and you will get the "Add Page Element" window. Select your blog and add and you will see a complete list of your blog posts in the sidebar (upto 1000 posts).

Enjoy!

View the original article here

Labels

Gadget by The Blog Doctor.

View the original article here

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

This post is NOT about adding your blog sitemap to Google Webmaster Tools. It is about creating a sitemap page in Blogger which contains the links of all the post titles in your blog.

Such a sitemap page is commonly seen in other blogs and prominently linked to from the Main Page. Blogger does not have such a sitemap page. Instead it has the Blog Archives in the sidebar. To save space these show just the latest month posts and the rest can be accessed through drop down arrows. This hides most of your posts from the noobie viewer. Creating a sitemap page is then the only option to show all posts in one page................

In Blogger there are no specifically designed 'pages'. Instead each post is put on it's own page by default. You should have Post Pages turned on in Settings------->Archiving. The Layouts template has this turned on by default. To create a page in Blogger :

1. Login at Blogger.com.

2. Click New Post button on Dashboard under blog title.

3. Post Editor will open.

4. Put title as "Blog Sitemap.".

5. In the post editor type in a few introductory words like I have done in my sitemap post.

6. Publish post.

7. Click Edit Post link to open post again for editing.

8. Click Post Options link in bottom frame of Post editor.

9. Change the date to any date in the recent past.

10. Publish Post.

11. The Post will not appear on Main Page since it has been backdated. This is the only way to change the post order in Blogger.

To create the sitemap gadget see How to create a Table of Contents with Post Preview for Blogger. Follow the instructions under this heading : "TOC for ONE BLOG".

This will place the Contents table gadget in your blog. Use Click and drag on Page Elements subtab to drag the gadget below the posts column.

The gadget is now seen on ALL blog pages. The next step is to place it only on the Sitemap page. To do this first we need to get the permalink of the sitemap page we created in our blog. Look in the Blog Archives gadget and expand all the arrows to see the "Blog Sitemap" title we gave to the post. Click on the ttle to open the post page. Copy the permalink from the address bar of the browser.

To put the gadget on the sitemap page we use conditional tags. To do this :

1. Login at Blogger.com.

2. Click Layouts link under blog title on Dashboard.

3. Click Edit Html subtab of Layouts tab.

4. Click Expand Widgets Template checkbox on top of the Template Code box.

5. Wait for the page to refresh.

6. Scroll down to locate the code for the Table of Contents gadget.

7. Modify the code as shown below (Put in the red lines of code) :

WIDGET CODE

Replace the CAPS : BLOG_PAGE_URL with the permalink of your blog sitemap post.

8. Save Template.

To link to the sitemap page from Main Page first you will need to create CSS navigational menu in your header. Then get the permalink of the Blog Sitemap post and put it in the code for the navigation menu tabs.

View the original article here

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

The Blogger slideshow gadget does not give the user many options like adjusting the size and style. Google AJAX Feed API (See Related Article link at bottom of this post)provides the full code behind the slideshow gadget and also the opportunity to customize it as you like.

You can edit the code directly to adjust the size and style and then paste it in a HTML gadget................

The gadget code loads the slideshow using AJAX Feed API and Javascript. Within the code a location on your page is defined to show the slideshow and style the dimensions. Lastly Javascript is used to create a slideshow control on your page. The full code is shown below :




Custom Slideshows.

In the above code replace "PUT FEED URL HERE" with the link of the RSS feed of your pictures album at Flickr/Photobucket/Picasaweb as shown below.

The next step is to provide a stream of pictures to the slideshow. To provide this first create an account at Flickr.com or Photobucket.com or Picasaweb.google.com. Then upload all the photos you want to show to this account.

After uploading pictures you will get the RSS feed from the album created at Flickr :

http://api.flickr.com/services/feeds/photos_public.gne
?id=USERID&lang=en-us&format=rss_200

Replace USERID with your actual userid at Flickr.com.

RSS Feed from Photobucket.com :

http://feed266.photobucket.com/albums/ii244/USERNAME/feed.rss

Replace 'USERNAME' with your actual username.

RSS Feed from Picasaweb :

http://picasaweb.google.fr/data/feed/base/user/NAME/
albumid/NUMBER
?kind=photo&alt=rss&authkey=KEY&hl=en

Replace NUMBER, KEY and NAME with actual values.

Then copy the full feed url and paste in the code given for the slideshow gadget instead of "PUT FEED URL HERE".

To customize the slideshow modify the gadget code as shown below :

To Change Number of Images modify this line in gadget code and change the number to what you want :

numResults : 8,

To resize images add this line immediately below the numResults line :

scaleImages : true,

The images will be resized according to original aspect unless you add this line also :

maintainAspectRatio : false,

To change how long images are displayed modify the number in :

displayTime : 2000,

To link the images to their source add this line :

linkTarget : google.feeds.LINK_TARGET_BLANK,

To show images in medium thumbnail size use this line :

thumbnailSize : GFslideShow.THUMBNAILS_MEDIUM,

For small size thumbnail images :

thumbnailSize : GFslideShow.THUMBNAILS_SMALL,

Lastly to increase width and height change this code :

#picasaSlideshow {
width: 250px;
height: 200px;
.....
}

Decrease width number to fit in your sidebar width. You can get the width of the sidebar from your blog template code :

#sidebar-wrapper {
width: 220px;
...
}

After modifyng and customizing the slideshow code as shown above :

Login at Blogger.com
Click Layouts link on Dashboard.
Click Add Gadget link on Layouts--->Page Elements subtab.
In Popup window scroll down and click on HTML gadget.
Paste the modified code in Contents window.
Save gadget.

Enjoy!

View the original article here

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

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 .......................

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.

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.

View the original article here