Archive Calendar Widget For Blogger - 2 Themes

You guys needed more tutorials? There we go with yet another unique and interesting hack for blogger Archive Widget. You can see at our sidebar area that the default BlogSpot archive widget is transformed into a Wordpress Type Archive calendar with custom styles and flavors. The easy script and stylesheet today will enable you all to create a calendar archive gadget for your blogs using MBT's custom style sheets for Dark and Light backgrounds. The script is coded by phydeaux3and redesigned by MBT with custom colors and more easy installation. The plugin has been made compatible and easy to implement. Just follow the basic steps below.

UPDATE: The widget is working perfectly with all blogger templates. For those who are facing errors make sure you are following step#6 correctly. Also don't forget to add CSS styles.

Install Archive calendar on your Blog

Go To Blogger > Layout

Chose Blog Archive widget which is available in Blogger's default widget directory. Switch to next page in the directory to find it.

Choose the following options as shown in the screenshot. Choose style as Flat list. Uncheck "Show Oldest Posts First", choose archive Frequency as Monthly and Date Format can be set to anything.

To change background color of the cell with blue background in active mode edit 53A9FF

To change the cell colour in mouse hover mode edit 72B9FF

Customization for DARK theme:

To change color of the yellow text edit F5F202

2. Finally save your template and you are all done!

Visit your blogs to see the Archive gadget transformed into a beautiful Calendar. :)

Need help?

The widget can be further customized and is fully editable. If you needed any further help just let me know. I hope this new method may add new spice to your free blogger layouts and give it a more professional Design touch. I hope you find it useful.

Don't you think the widget loads extremely fast and can attract visitors more thus leading to higher page views? Do let us know of your precious views. Peace and blessings buddies! :)

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by
Clicking Here »

Woah!, I Saw this widget today on MBT and was thinking that today this article is coming and exactly that Happened. I Think It might Slow down Speed of our Blog. Don't you think it has lots of Jquery :). Other than that, Too Good. Peace

greet work mohammad, I'm big fan of you. I meet with you personally nice work ever and i have intrust in computer, blogging i always read your articals and i make a blog http://shakeelasghar.blogspot.com/check this bro

Woah! I Saw this widget on MBT and was Thinking that Mohammad Bro will be sharing it today, And Exactly that Has Happened. Its a great invention buddy. However, It Effect Site Speed a lot. It has lots of Scripts (JAVASCRIPT) which really reduces the Speed.

Again it was superb in fact it worth more than million dollar.... The best thing is that you have simplify the process so beautifully even a new blogger can easily understand.

Brother if you can improve the copying code process it would be more easy to copy. I mean 1 click for selection of code and than copy..You must aware of it mostly we watch click here to highlight the code and copy it.

@haiderYes always ahead Mr. haider. Lets see if you can beat faizan and Ahmed safwan in commenting first :p

@MrieA pleasure buddy. I am glad it suits your new design. :)

@Faizan

The jquery is installed on blogger template itself with an external link and so far the widget is really fast at loading. 84 and 89 are still small differences and are acceptable dear. Of course with a change the rankings would differ a little. But did you experience any slow loading of MBT after we installed it?

@shakeelI would love to meet you too. Please stay tuned for our announcement of the second event this week. Venue and details will be shared on our fan pages. :)

@sunilHappy to see you too dear brother. Most welcomed. :)

@debbieThank you debbie. Glad to see you active at MBT again. Feels great :)

@rajkumara pleasure buddy :)

@bhaveshthe above is not too deep a java-script. The server load time is acceptable. So far the widget functions well enough. Try it once champ. :)

@SRMy pleasure SR. Glad you liked it. =)

@stockThank you stock :)

@PremjithBuddy we have several tutorials on this topic. Search any of our Drop down menus, you will find the guide to add links to tabs.

You juts need to add your link inside the href parameter and add the text before the closing a tag like this:

<a href="Add-URL-here">TAB TITLE HERE</a>

Hope this helps :)

@rahul @abumy pleasure buddy :>

@hammadGlad to see you too hammad. Always Welcomed pal :)

@rehman @akhil @Mi MubaA pleasure buddies. Glad you liked it :>

@md.

I guess you have missed copying the last line in the code of step#7. Please add it again and let me know. :)

To Be Honest, I am not on a High Speed internet its 512 KBPS and its not a Super Fast Connection. So MBT Usually Takes a While to Load for me at least. I Think you should do a POll asking from readers for the site speed. Peace.

Gr8 work. Appreciated. i am also using the same theme for my blog. i think you have missed out something in the hack is to display the YEAR. i think the widget should show the years too. if you fix that kindly let me know so that i can fix mine too.

this is a nice widget and i like.. but WARNING !.. i have an bad experience. i just share. after i use this widget on my blog. this is generate many duplicate description that made my blog SERP down. my visitors down about 70% one day after i use this widget. i am searching to many blogs for search how to fix and what the reason. all answer it same that archive is make duplicate description. maybe it is reason search engine down my SERP. it is because the archive indexed and it have no special description for it pages so the each of page archive use homepage description. i see it on webmaster tools that display many duplicate description, missing title, and duplicate title caused by archive. i am not mean to blame this post or writer. but i just share my experience. the ways to fix this problem is by add meta code :"<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex,noarchive' name='robots'/></b:if> .. (it is said a professional blogger and it work).. so i just tell you to be careful if want to use this widget.. Thanks. my blog that the SERP down : www.blogberbagi.com. please response this comment !

this widget also highlight a date on which date we dony published any post and when we put mouse on it , it displays posts in draft , draft posts should never seen by visitors , please help to solve itAllah Hafez

Hi,Thanks for sharing this...I've repeatedly tried installing it, but I get the following error message "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The element type "b:section" must be terminated by the matching end-tag ""."Any Idea? thanks in advance...

I'm running into the same problem as: md. hedayetullah on 10:30 PM, October 11, 2012 said... # 22input complete step.6 & step.7 than view that problemThe element type "b:section" must be terminated by the matching end-tag "". so what will i do? plz plz help me.

Thanks for your great widget. I have tried this widget on my blog (http://waazin.blogspot.com). Unfortunately, my scheduled post also "archived" or highlighted in the calender.

As a result, when we click for tomorrow or day after tomorrow or any advance schedule post dates, the result is "No posts match your query. Show all posts". The post is not appear because it's not yet scheduled to published.

Hello there,I'm using code Archive Calendar Widget For Blogger - 2 Themes, but I'm having problems please please help me with this.UK Web: http://giadinhgieogiong.blogspot.com/bottom: View Archiveit every three new posts, and when the load 19, it appears 19 posts at the bottom of the View Archive. Would you please just make it hidden?Thank you very much. Please send me email:beten28@gmail.com

hey guys,fixing the "display the year" issue is super simple: on step 3, where you select "monthly" as frequency, also make sure that on "date format" you select the month next to the year, and there you go! You can see it working at http://maxkrovenreviews.blogspot.com/

I found one main problem with this widget. and I think the solution lies in its javascript code. Kindly help to clear it out.The calendar dates wont highlighted when you post your articles by selecting any past date or time. and when the calendar dates doesnt highlight, then we cannot get the link attached to that day.

For everyone having issues with the b:section error that pops up. Look at the code to replace in step 6. If your coding in your template doesn't have a / backslash at the end of it, you have to highlight the code all the way down to the first "</b:widget>" you see. Then replace all of that highlighted coding with the coding in Step 7 and it should work.

Hi, first of all thanks for sharing, I love this one.I've installed it in one blog (working perfectly) and than in a second blog, on which all post titles are showing up under the calendar...any idea on how to fix this?Thanks in advance :)

How can I change the first day of the week? Because I wanna start with Monday. And how can I delete this: (10)? The: (number of blogposts)? I wanna have the month and year shown. But not clickable. Like this: http://i43.tinypic.com/2qn5wg9.jpg

When I point the month in the dropdown arrow the hover color becomes grey and the fonts remains black. But once I select the month, the font color becomes white and the hover color changes to #0080ff. Where should I change this #0080ff so that I can choose what will blend with my blog color.

This an awesome widget, very stylish and light. I have a small problem though, since I have a general open Target Blank condition in my blog the widget opens in a new window always. I want the posts to open in the native tab/window itself. Kindly let me know where I can include the target='_self' in the widget. I am zero in coding.

Any way to paste this calendar code to only be seen on 1 dedicated page instead of all as a widget? Id like to use this but like a contact form I only want it visible on 1 page instead of all in sidebars or footers.

Hello, fistly thank you for making this post. This is a really good widget however it shows my new drafts (though when the day clicked it show no post, but the calendar still highlight the date and show the title draft when hovered). Weird enough it doesnt seems shows the old ones.... Ive done what the instructions told me, I only change the colors and nothing more. Can you help me?

About The Author

Hi! I am Mohammad, an experienced SEO Consultant, Pro Blogger, Computer System Engineer, an addicted Web Developer and now a father to a beautiful princess "Ifza". STCnetwork was founded in 2008 and it is currently the country's first registered company of Professional Bloggers. Read More..