Tips about Blogger Archives -- drop-down menu and calendar

For those elder bloggers, archive lists may take up almost whole sidebar. Organizing the archive list in a drop-down menu is a good choice. It's simple, just place the following scripts in your blogger template: <select name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">-------------------</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>">------<$BlogArchiveName$>------</option>
</BloggerArchives>
<option value="/">Current Posts</option>
</select>

Check out the result effect in my right panel. Bloglender is a script add a calendar to blogger, while we know blogger does not provide native calendar like MT, WordProcess. Its idea is simple:

  1. assign a special class to DateHeader of ur blog
  2. draw a calendar of current month
  3. read in all elements of DataHeader class, add a hyperlink in the calendar corresponding to each DataHeader element
Thanks Ming Hong Ng, now, to add the calendar, only need to
  1. copy three script files to ur server,
  2. add the following codes to ur template:
    <script type="text/javascript" charset="<$BlogEncoding$>" src="[your_server]/bloglendar.js">
    </script> <script type="text/javascript" charset="<$BlogEncoding$>" src="[your_server]/bloglendar-main.js">
    </script> <link rel="stylesheet" type="text/css" href="[your_server]/bloglendar.css" />
  3. enclose ur BlogDataHeader in a DIV element with class "blogDate", e.g.:
    <BlogDateHeader>
     <div class="blogDate" title="<$BlogDateHeaderDate$>"></div>
    </BlogDateHeader>
Check out effect at my blog homepage

10 Comments:

At 3:13 AM, minghong said...

Good to see someone who like that simple script. Enjoy! :-)

 
At 10:36 AM, Li-Zhao 李钊 said...

:-D, you r the owner, highly appreciate your excellent work.

 
At 2:42 PM, WCM Solutions said...

Hi!
I tried to install the Bloglendar with the use of those tips you've posted here.

But there occured a problem.
This Calendar sees only the date of a current post (which is on the same page now as the calendar). So, my previous posts are not shown.

Could you please explain it, or maybe you've faced with such a problem?

Thanks

 
At 3:27 PM, Li-Zhao 李钊 said...

Yea, I agree that this is a problem. If you know it is only a javascript running on your current webpage, you will know this problem cannot be solved by it.

However, for the objectives of providing a calendar for monthly archives, this is not a problem. As in the archive pages, all posts in the same month will be listed.

 
At 3:50 PM, WCM Solutions said...

Thanks a lot!

I've got it!

But what I really need is the calendar which can operate with all month's dates while the blog's main page shows not the monthly posts bu one post only. It's because of the huge length of each post in my blog.

So, I suppose, I should look for something else.

Though, this calendar could be helpful for the archive pages. I'll think about it.

Regards,
Alex

 
At 8:48 PM, i shave eggs. said...

Thanks for the archive html, it was really helpful. visit my progressing blog - www.beetlebonnet.blogspot.com.

 
At 8:35 AM, Li-Zhao 李钊 said...

welcome, happy to see you like it

 
At 8:48 AM, kazenotayori said...

This post has been removed by the author.

At 8:51 AM, kazenotayori said...

Thanks for the information on the calender script for Blogger. Your article is a great help for me. Now I could put the calender system to my Blogger site!

 
At 9:32 AM, Li-Zhao 李钊 said...

happy to see it's useful. :-) welcome

 

Post a Comment

<< Home