Friday, April 13, 2007

Blogger Calendar Archive

Alright, after a long delay, here's my latest hack.

A calendar archive widget :D

Just click the image to view a working example & get the instructions.

Pic

43 comments:

DarkUFO said...

Very nice, might try to add this to my blogs. Thanks for the undoubted hard work that went into building and testing this.

Simon from HK said...

Thanks for this but I can't get the code to work.
I used xml marker to change the template - it doesn't spot any problems.
When uploaded to Blogger it gives the following message:
"Invalid variable declaration in page skin: Variable is used but not defined. Input: t"
Any ideas?

Sumesh said...

Just one question: why are you not using this?
And one more thing: how close is this to phy3's hack?

Glad to see you back in your blogs, Purple.

FoxyTallChick said...

Purple,

As ever, nice hack. Would be great to see it integrated into a blog though before I use on my own blog!

PurpleMoggy said...

The main reason I'm not using it yet is cuz i haven't had the chance to tweak the CSS to conform to the layout here.

I actually saw phydeaux's calendar but didn't see any instructions so I was inspired to make my own.

Actually I saw that same calendar on this page with instructions (but it's not in English)

There's also this calendar, but it's for the old version of blogger.

PurpleMoggy said...

Alright, I updated the instructions so all those XML error messages should be gone.

There's a demo now in the sidebar. Yes, it's kinda ugly as is, but I'll tweak that later ;)

iake said...

Cool :)

phydeaux3 said...

Hey, very slick. I guess I shouldn't have been so lazy in getting the instructions on the one I was doing out. :-)

And just to note, the other calendar you saw in the non-English language is MY calendar. The guy just took it without any link back or credits or nothing. C'est la vie. Well, he's got the old buggy version anyway. :-)

I wish I had seen the Yahoo calendar before...I missed it. Could have saved me some headaches. It's got a much better interface I think than what I did, and looks great. Good job on putting it all together.
Oh and the setup/instructions on my version are coming sometime this week, although it seems I'm late to the party now. :-P

ကုိမင္းေက်ာ္ said...

yes, it is work for my blog but how to i can change the Background color. should I edit in CSS or ? Can I

Brainiac said...

Hello! Greetings from Spain, sorry for my bad English.

The calendar of Phydeaux allows to do click in the file of the month, and not only the entrances of every day. This is important for me (60 entrances to the month) he is the unique thing that done of less in this calendar

Good Work PurpleMoggy!

NooM said...

Many thanks for your kindly.

x_pIOVE said...

Great Purple... Great job!!!!

In our blog I've created a similar hack... take a look Purple...

Brainiac said...

Please button for complete monthly archive page.

Brainiac said...

the very long titles of post continue in a single line (not enter key).

If you have many post in a month (60) when you press a month the list it fills much in the months is possible to be avoided this?

PurpleMoggy said...

Yes, most of the style changes can be edited in the CSS (except for the loading arrows image)

I'm not sure I wanna include a link for the monthly archive cuz that would force people to change their archive frequency settings.

If you don't want the post titles to appear in one line (which is something I specifically did want) then you can change the following 2 lines (from the 3rd codebox in the instructions) from:

<pre id="cal1loadimg" style="display:none;"><img src="http://img239.imageshack.us/img239/9057/40lf8.gif" style="vertical-align:middle;"/> Loading...</pre>
<pre id="cal1Titles"></pre>

to:

<div id="cal1loadimg" style="display:none;"><img src="http://img239.imageshack.us/img239/9057/40lf8.gif" style="vertical-align:middle;"/> Loading...</div>
<div id="cal1Titles"></div>

Basically just replace the pre tags with div tags.

PurpleMoggy said...

@ x_pIOVE

That's really cool

Zaebos said...

Thanks for all your hacks and your comments on my own blog to provide me the links for th language customization of this calendar....

;)

chaitanya.gk said...

xellent tutorial!, though took a bit time to post it.

Ashwini Khare said...

Can I customise css to make the Archive calendar look like that of wordpress powered blog?

Ashwini Khare said...

....
another quest...
can I make the calendar appear for the current month without making the visitor submit the form?

Zaebos said...

I have problems with calendar the last two days... is a general failure or is it only in my blogs..

thx
;)

PurpleMoggy said...

@zaebos

See here

@Ashwini Khare

That's actually something I'm gonna be taking a look at when I get some time :)

Looney Mom said...

I would LOVE to add this to my Neo-powered blog. I'm going to have to bug Ramani to help me with that!! Awesome!

Ricardo Santos said...
This post has been removed by the author.
[ Gman ] said...

How can I make the Day on the Calendar clear, without dash overlay?

PurpleMoggy said...

@Gman

I don't quite understand what you're asking ?

NizZie said...

i tried it on my blog.. but im having problem wid it cosh e backward button doesnt work.. it only forward the dates.. can u help me wads wrong wid it b4 i tweak it according to my blog layout??

Anonymous said...

How do I reduce the drop down box to smaller size? I have set up the calendar, it works find except the input button dropped to the second line. I would like to have line all in one line. Thanks.

ramkyc said...

Hi PurpleMoggy,

First let me complement you on the excellent hack.

Two issues that I face implementing it:

1. The "Loading..." keeps on churning; doesn't stop.

2. My posts' titles are not showing up at the bottom when I take the mouse cursor to a dates which have posts. Does something need to be done for this?

js said...

This is very helpful, and easy for us "read-java-don't-write-it" types. I'd really like to have the option of configuring the initial list of archive titles to be from the a) current month b) current week or c) current day -- instead of the default current month. I bet it would be simple if I only knew how... :)

Angela Nebinger Photography said...

I'm getting dashes across my calendar as well.. can you look at my blog and point me in the right direction so mine looks like yours with out the dashes across the dates?! Any help would be appreciated.. Thank you! Angie

PurpleMoggy said...

You'll need to edit the CSS file, specifically comment out the following:

.yui-calendar td.calcell.restricted {
text-decoration:line-through;
}


Which would become

.yui-calendar td.calcell.restricted {
/*text-decoration:line-through;*/
}

VisionsofNothing said...

Thank you for getting back with me.. I couldn't find that part in the stuff I pasted into my blog but I appreciate the time you took to answer.. still lovin the calendar even if I can't get the strike thru out! Ang

GigaBytes said...

Thank you for your hack, I hope you don't mind I implemented the calendar archive and blogged about.

Evolving said...

Love the calendar. It's the easiest one I've found so far to implement. I'm having the same problem, though, where the Loading... keeps churning & doesn't stop. Any suggestions???
Thanks!

ILL_Natured_gr said...

Love the calendar - marvellous work!!
Thanks a million!!
Just one thought : is it possible when the calendar's loading to show only the present day's posts and not all months posts? That would be really great for all of us who are posting a lot every month!
Once again thank you - keep up the good work! it's people like you who make the difference!
Greetings from Greece!

Alex said...

I wanna know how to change the first day of week and how to translate month names..any idea?

t-n-t said...

Fantastic! I've been searching for this for months!!!!!!

twinklemom said...

I apologize for this simple question...lol..but how can we center the calendar in our sidebar?

Vorasuang said...

Very cool! I've installed it on my blog. However, I have a problem. The links under calendar display as a bullet with nothing after it, nothing clickable.

I use white background, and I have not modified the stylesheet... (http://ajcharng.blogspot.com), would this cause the error? Please help, thank you so much in advance.

Lowongan Kerja said...

Very nice hack. It's work on my blog

SOn said...

hi very nice calendar!

a problem though, How do i add it if i'm not using blogger beta? I just want to add it as a sidebar widget, maybe not replacing the archives.

And i'm using blogger classic so i'm not sure how to go about it.

tracrium said...

Hi How can I delete the list of titles under the calendar ? It's a very long list when there is a lot of posts in a month.

Thanks