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

View the original article here

You are here: Home > Table of Contents > JSON Two Click Blog Archives Gadget for Bloggers.

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

Archives in the real world is a place where we deposit historical records and documents. In Blogger Layout Templates the Blog Archives is a place on your blog page showing all your blog post linked titles. The Classic Templates show only ten previous posts.

Since the default Archives gadget which comes with every Layout template shows only the latest month posts we have used various methods to create gadgets showing all post titles. The latest method uses JSON (JavaScript Object Notation) to extract linked post titles from your blog feed.

It can be installed with two mouse clicks (using the widget installer from Beautifulbeta) and no coding is required...........

The installation process cannot get any simpler! Just click on the button below :

You will get a dialog window (disable any popup blocker) :

Click on picture to enlarge it.

Under 'Widget Title' type in whatever title you wish. Under 'Customize Widget' type in your blogspot subdomain (That is the part which appears before 'blogspot.com' in your blog address.) Then click Customize button. The 'Add Widget to my Blog' button will become active. Click it to get the next "Add Page Element' window :

Click on picture to enlarge it.

Here you can select the blog to add it in. You can add this to other blogs also to promote traffic to another blog. Type in a title for the widget and click the blue 'Add Widget' button at the bottom. Then click View Blog to see the result :

If you have lots of posts be ready for a long sidebar. If you want to have an archives widget in a smaller space check out Gadget No 29 - Scrolling Posts Gadget on My Gadget Showcase Blog.

1. Easy to Install in two clicks only. Native Blogger Gadget/widget.

2. No coding knowledge required.

3. Uses Google Code.

4. Shows all (max of 1000) blog post titles.

5. Post titles linked to Posts.

6. The credit link is generated by Javascript and so does not generate a linkback to my blog. It is only for information for other bloggers who may wish to install it. So please do not remove it.

View the original article here

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 Followers Gadget has been integrated with Google Friend Connect. You can now add all the gadgets available in Google Friend Connect to your blog.

One of these is the Event Gadget. It shows information about any event you want to inform blog readers about. The description, time, location, map is included. Viewers can join the event and see who else has joined the event. See picture at left. Other gadgets like Members, Comment Wall and Social Bar gadget can also be added.

To add this and other such gadgets to blog follow these steps........

1. Login at Blogger.com and check the Remember Me box while doing so.

2. Go to Google Friend Connect. You will see all your blogs listed in left sidebar under 'Sites'.

3. Click your Blog Title and it will expand to show submenu below it.

4. Click on 'Social gadgets' link.

5. Click on 'Event Gadget' link.

6. Under Options select and choose the various options like Page, and fill in your Event's Title and Description. Choose the start and end dates and the Timezone. Fill in the Location, address and Media URL which is link of the picture or logo of your event.

7. Choose the gadget's size to fit your sidebar or you may have to increase blog width.

8. Lastly click Generate Code button.

9. Copy the code given and paste in a HTML gadget in your blog.

10. Similarly you can add any of the other gadgets available like Members gadget and Comment Wall gadget. You can see these gadgets in action at top of third column in this blog. The social Bar gadget is at the top of the blog.

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

Here is another gadget for those who wish to display all their posts in as little space as possible. The Random Rotating Post Gadget shows only one post at a time. The Table of Contents Autoscroll gadget shows all posts in you blog scrolling automatically in a small place. You can see it in action above the posts in Tips for Bloggers. (Wait for page to load fully) See picture below :

The Table of Contents is from Beautifulbeta. To save space I have added autoscrolling function to it. Features of the gadget are : .....................

1. Shows all Posts in blog.2. Scrolls the posts list upwards automatically.3. Mouseover will pause the autoscrolling.4. Saves space.
To install it in your blog follow these steps :

1. Login at Blogger.com.

2. Click Layouts link on Dashboard.

3. Click 'Add Gadget' link in sidebar on Layout>>Page Elements subtab.

4. In popup window scroll down and click Html Javascript gadget.

5. In Contents paste the following code :

In above code change "MYBLOG" to the url (subdomain) of your blogspot and save.

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

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

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 :

View the original article here