Shows All Posts Blogger Gadget Installer. ~ The Blog Doctor.
Loading...

Shows All Posts Blogger Gadget Installer.

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


1. MODIFY FEED TO JAVASCRIPT CODE


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 :




<div style="text-align:left !important;">
<script language="JavaScript" src="http://itde.vccs.edu/rss2js/feed2js.php?src=http%3A%2F%2FMYBLOG.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Fstart-index%3D1%26max-results%3D999&chan=n&num=1000&desc=0&date=n&targ=y" type="text/javascript"></script>

<noscript>
<a href="http://itde.vccs.edu/rss2js/feed2js.php?src=http%3A%2F%2FMYBLOG.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Fstart-index%3D1%26max-results%3D999&chan=n&num=0&desc=0&date=n&targ=n&html=y">View RSS feed</a>
</noscript>
<a href="http://www.blogdoctor.com">Gadget by The Blogdoctor.</a>
</div>





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.






2. CONVERT ABOVE CODE TO ESCAPE HTML


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 '&gt;' and '&lt;'.  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.






3. CREATE GADGET INSTALLER


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

<form action="http://beta.blogger.com/add-widget" method="POST">

<input value="All Posts From MYBLOG.COM" name="widget.title" type="hidden"/>

<textarea style="display:none;" name="widget.content">

PASTE CODE FROM STEP 2 HERE.

</textarea>
<input
value http://www.blogdoctor.com="name=" infourl type="hidden"/>

<input
value = name="logoUrl" http://www.blogger.com/img/icon_logo32.gif type="hidden"/>
<div style="text-align:center;">
<input src="http://i52.photobucket.com/albums/g7/vinayak06/add2blogger_lg-1.gif" name="image" type="image"/>
</div></input
value></input
value></form>
<div style="text-align:center;">
<p>Click above button to get ALL posts from this site on your blog</p>
<li><a href="http://www.blogdoctor.me/2008/12/shows-all-posts-blogger-gadget.html">Click here to Get Similar Gadget for Your Blog.</a></li>
</div>


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






4. TEST GADGET INSTALLER


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!

16 comments:

Harry said...

I followed the instructions but Gadget appears twice.

Vin said...

Harry,

What is your blog address?

Anonymous said...

There seems to be a bug in this otherwise useful script. If the titles of your posts are edited and changed after first running the script, it appears to "remember" the old page title names, not the new ones. A pity!

Vin said...

Anonymous,

That is not a bug! The gadget works by taking your feed contents. Your feeds are not updated immediately on changing blog contents. Hence it shows the old page names.

Anonymous said...

Vin:

That is a remarkably rapid response ... and you are perfectly correct: the problem corrected itself. I am very appreciative!

However, no good deed goes unpunished, so while I have your attention ... :^) Is there any way of inverting the order in which the titles appear?

Once more, my sincere thanks!

Vin said...

Anonymous,

The titles appear from Latest post backwards. To change that order Create a Yahoo Pipe from your blog feed.

Put in a sort operator in the Yahoo Pipe to change the order. Save Pipe and get the RSS feed url of the pipe and paste in above code.

Anonymous said...

hi, doc.. lol, hey i've tried all the steps you given but it came out a little bit weird.. the blogger icon in html gadget doesnt show up.. how to solve this? thanks a bunch..

Vin said...

Anonymous,

LOL! I will not be able to help much if you cannot give your blog address.

Judy said...

Hi Vin,
Hope you are still reading your comments on this topic.
I want my posts to show titles, not months.
Is this what I must do in order to accomplish this?
Oh, I am so brave, but naive. I struggle and I think this one is over my head. Doesn't Eblogger have a widget or a way of activating posts by name instead of monthly?
Thanks for being here and all you do.
Judy
Core Health Coach

Vin said...

Judy,

You can also try this method to Show All post titles.

HD Wallpapers said...

Amazing... i was always looking to show all my posts till date... but couldnt find it!!! Thanks a lot for the help. :)

Raja said...

Thanks i have implemented in my blog
http://tamilposters.blogspot.com

Raja said...

http://itde.vccs.edu/rss2js/feed2js.php

this link seems not working now. So my recent posts are not listing

Vin said...

Raja,

Just Google for "RSS TO JAVASCRIPT CONVERTER" and you will get address of other sites offering this service for free.

Anonymous said...

Using the code in section 1 for the All Posts list works great. Using the code generators available on the web only seems to generate a maximum of 25 posts in the list and they are not formatted as well as yours. This is a very useful widget. Thanks!

Vin said...

Anonymous,

That is because I have modified the code to show all posts.

CLICK TO LEAVE A COMMENT..... :-)



Skip to top of post.

Search Blog Before Commenting

Loading...

Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,

Vin.

The Blog Doctor The Blog Doctor2 Blog Doctor Home

SUGGESTED READING

Tips On Blogger and Latest News.



Skip to top of post.