Template name : NewsSite

Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Gradients, Grey, Header Banner, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White

Release date : January 22, 2011

Coder/Designer Name(s) : Lasantha Bandara / Free WordPress Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://fthemes.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2011/01/newssite-premium-blogger-template.html

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE, KEYWORDS HERE as below.

DESCRIPTION HERE: Write your blog description
KEYWORDS HERE: Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML. Find <!-- Featured Content Slider Started -->. Now scroll down slowly and you can see each featured slide codes between <div class='fp-post'> and </div> .

Now replace,
  • "This is default featured post X title" with your featured post title.
  • "featured-post-X-url-here" with your featured post URL.
  • "Go to Blogger edit html and find these sentences. Now replace these sentences with your own descriptions. This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com" with your slider description.
  • Slider image address with your slider image.
for
each featured slide
.

How To Configure Second Navigation Menu

Find <div class='menu-secondary-wrap'> inside your template. (using CTRL+F). This is the beginning of the navigation menu. Now follow the steps given here:

How To Configure a Navigation Menu

How To Change Tab Names of Tab Widget

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Videos</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>
Now change the names "Featured Video" and "Archives" as you like.

How To Add a Header Logo

You can add a header logo for this template easily in the "Page Elements" section (Blogger Default Method). Logo image size must be 359px width and 60px height.

Important !!!:

Please do not remove the footer credit. So that you can use it for your blog. Stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/


Template name : Melissa

Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Black, Featured Section, Fixed width, Header Banner, Magazine, Pbtemplates, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White

Release date : January 25, 2011

Coder/Designer Name(s) : Lasantha Bandara / New WP Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://newwpthemes.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2011/01/melissa-blogger-template.html

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE, KEYWORDS HERE as below.

DESCRIPTION HERE: Write your blog description
KEYWORDS HERE: Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML. Find <!-- Featured Content Slider Started -->. Now scroll down slowly and you can see each featured slider codes between <div class='imageElement'> and </div> .

Now replace,

"This is featured post X title" with your featured post title.
"SLIDER-X-URL-HERE" with your featured post URL.
Slider description with your slider description.
Slider image with your slider image.

for each featured slider.

How To Add a Header Logo

You can add a header logo for this template easily in the "Page Elements" section (Blogger Default Method). Logo image size must be 189px width and 81px height.

Important !!!:

Please do not remove the footer credit. So that you can use it for your blog. Stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/


Template name : TechMore

Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Grey, Header Banner, Magazine, Right Sidebar, Slider, Top Navigation Bar, Web 2.0

Release date : January 25, 2011

Coder/Designer Name(s) : Lasantha Bandara / New WP Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://newwpthemes.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE, KEYWORDS HERE as below.

DESCRIPTION HERE: Write your blog description
KEYWORDS HERE: Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.


Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML. Find <!-- Featured Content Slider Started -->. Now scroll down slowly and you can see each featured slider codes between <div class='imageElement'> and </div> .

Now replace,

"This is featured post X title" with your featured post title.
"SLIDER-X-URL-HERE" with your featured post URL.
Slider description with your slider description.
Slider image with your slider image.

for each featured slider.

How To Add a Header Logo

You can add a header logo for this template easily in the "Page Elements" section (Blogger Default Method). Logo image size must be 412px width and 57px height.

Important !!!:

Please do not remove the footer credit. So that you can use it for your blog. Stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/


Template name : Enstyle

Template type : 2 Sidebar, 3 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Grey, Header Banner, Magazine, Right Sidebar, Slider, Top Navigation Bar, Web 2.0

Release date : January 27, 2011

Coder/Designer Name(s) : Lasantha Bandara / New WP Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://newwpthemes.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2011/01/enstyle-blogger-template.html

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE, KEYWORDS HERE as below.

DESCRIPTION HERE: Write your blog description
KEYWORDS HERE: Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML. Find <!-- Featured Content Slider Started -->. Now scroll down slowly and you can see each featured slider codes between <div class='imageElement'> and </div> .

Now replace,

"This is featured post X title" with your featured post title.
"SLIDER-X-URL-HERE" with your featured post URL.
Slider description with your slider description.
Slider image with your slider image.

for each featured slider.

How To Add a Header Logo

You can add a header logo for this template easily in the "Page Elements" section (Blogger Default Method). Logo image size must be 296px width and 62px height.

Important !!!:

Please do not remove the footer credit. So that you can use it for your blog. Stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/


Template name : Vedia

Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Green, Gradients, Magazine, Brown, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White

Release date : January 27, 2011

Coder/Designer Name(s) : Lasantha Bandara / Free WordPress Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://fthemes.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2011/01/vedia-premium-blogger-template.html

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE, KEYWORDS HERE as below.

DESCRIPTION HERE: Write your blog description
KEYWORDS HERE: Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML. Find <!-- Featured Content Slider Started -->. Now scroll down slowly and you can see each featured slide codes between <div class='fp-post'> and </div> .

Now replace,
  • "This is default featured post X title" with your featured post title.
  • "featured-post-X-url-here" with your featured post URL.
  • "Go to Blogger edit html and find these sentences. Now replace these sentences with your own descriptions. This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com" with your slider description.
  • Slider image address with your slider image.
for
each featured slide
.

How To Configure Second Navigation Menu

Find <div class='menu-secondary-wrap'> inside your template.(using CTRL+F). This is the beginning of the navigation menu. Now follow the steps given here:

How To Configure a Navigation Menu

How To Change Tab Names of Tab Widget

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Videos</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>
Now change the names "Videos", "Tags" and "Blog Archives" as you like.

How To Add a Header Logo

You can add a header logo for this template easily in the "Page Elements" section (Blogger Default Method). Logo image size must be 167px width and 56px height.


Important !!!:

Please do not remove the footer credit. So that you can use it for your blog. Stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/



Template name : Esedra

Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Artworks, Black, Brown, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Orange, Right Sidebar, Slider, Top Navigation Bar, Web 2.0

Release date : January 27, 2011

Coder/Designer Name(s) : Lasantha Bandara / New WP Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://newwpthemes.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2011/01/esedra-blogger-template.html

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE, KEYWORDS HERE as below.

DESCRIPTION HERE: Write your blog description
KEYWORDS HERE: Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML. Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML. Find <!-- Featured Content Slider Started -->. Now scroll down slowly and you can see each featured slider codes between <div class='imageElement'> and </div> .

Now replace,

"This is featured post X title" with your featured post title.
"SLIDER-X-URL-HERE" with your featured post URL.
Slider description with your slider description.
Slider image with your slider image.

for each featured slider.

How To Add a Header Logo

You can add a header logo for this template easily in the "Page Elements" section (Blogger Default Method). Logo image size must be 268px width and 61px height.

Important !!!:

Please do not remove the footer credit. So that you can use it for your blog. Stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/



Template name : iBusiness

Template type : 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Gradients, Grey, Magazine, Right Sidebar, Rounded corners, Top Navigation Bar, White

Release date : October 02, 2010

Coder/Designer Name(s) : Lasantha Bandara / New WP Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://newwpthemes.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2010/10/ibusiness-blogger-template.html

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML. Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE, KEYWORDS HERE as below.

DESCRIPTION HERE: Write your blog description
KEYWORDS HERE: Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML. Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure About us Section:

Login to your blogger dashboard--> layout- -> Edit HTML. Find <!-- About Us Section Started --> Now scroll down slowly and you can see the content of about us section.

You can replace these contents as you like.

Important !!!:

Please do not remove the footer credit. So that you can use it for your blog. Stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
SnowSky Header


SnowSky Post Body


SnowSky Footer



Features

  • Semi Magazine (uses excerpt at blog index)
  • Fixed width, widget ready and gravatar ready
  • Tested on FireFox, IE6, Opera, Safari.
  • Tested and working properly up to Wordpress 3.0.4
  • Beautify your blog using Post Thumbnail and Post Image
  • Featured Posts displayed using animated slideshow
  • Tabbed Menu with 3 tabs at sidebar
  • About Us Menu at sidebar
  • Featured Video at sidebar
  • Ready for Google Analytics, Adsense and Webmaster Tools
  • Twitter Integration, display latest tweets at header
  • Feedburner Integration (including showing off your feedcount)
  • Built-in plugins such as page navigation and related posts.
  • Built-in social bookmark buttons to let your reader share your post easily
  • Auto determine and display popular posts at footer
  • Four ads spots in sidebar
  • Commented CSS files for easy editing
  • Custom Theme Options at Admin Panel

Recommendations for User


Manual Excerpt

To make your blog looks better, you need to include a manual excerpt for every post (like my blog). You can add that while editing or adding new post. You can, however, leave your excerpt empty and wordpress will automatically make an excerpt for you, but all HTML tags would be auto removed.

Post Image & Thumbnails

Post Thumbnail is a square image of size 125 x 125 pixels, shown at blog index, related posts and search. Post Image is an image of size 550 x 190 pixels, shown at single post page, below the post title. To beautify your blog, try to include post thumbnails for every post (if possible).

Featured Category


In most cases, not all your featured posts are in the same category. You can create a new category (let’s say I called it : Featured) and choose it as the “Featured Category” at the theme option page.
Step-by-step guide to activate Featured Gallery
click to enlarge

WP-PageNavi Plugin Conflict

Some users reported that WP-PageNavi plugin causes the sidebar and footer to be missing. If you have WP-PageNavi plugin installed, you should deactivate the plugin.

License: Free to use must keep footer intact AS IS
Author: http://zenverse.net


All tested to work with the latest WordPress Version 3, these plugins also work on WordPress MU.

Ad Codes Widget

The Ad Codes Widget allows you to place ANY size banner ads, AdSense®,Javascript, XHTML or any code you like, into a widget-ready bar forWordPress®. Also allows for rotation of scripts each page load. This is the best Text or Code Widget by far!

By PriMoThemes.com / WebSharks, Inc. | Visit plugin site

Advanced RSS

Feed aggregator
widget which is able to reformat your RSS and ATOM feeds into any HTML layout you want. The built in widget feeds are cached locally to speed up load times, and title, link and number of items to display may be modified. Feeds are formatted via XSLT, but if you don’t know how to write XSLT there is a variety of built in templates for you use and learn from. The formatting of feeds is this plugins best feature – even display Twitter feeds anyway you like!
By Stephen Ingram | Visit plugin site

All in One SEO Pack

Out-of-the-box SEO for your WordPress blog. This plugin presents your blog items in a way search engines love. One of the most popular SEO plugins – easy setup.
By Michael Torbert | Visit plugin site

Better RSS Widget

Replacement for the built in RSS widget that adds an optional link target, shortcode, and page conditionals. Display feeds right in your post or page too!
By GrandSlambert | Visit plugin site

Broken Link Checker

Checks your blog for broken links and missing images and notifies you on the dashboard if any are found. Easy setup, works great – no more broken links!
By Janis Elsts | Visit plugin site

Cleaner Gallery

This plugin replaces the default gallery feature with a valid XHTML solution and offers support for multiple Lightbox-type image scripts.
By Justin Tadlock | Visit plugin site

Drop-Down Post List

Generates a drop-down list of posts for a particular category.
By Dagon Design | Visit plugin site

Exclude Pages from Navigation

Provides a checkbox on the editing page which you can check to exclude pages from the primary navigation. IMPORTANT NOTE: This will remove the pages from any “consumer” side page listings, which may not be limited to your page navigation listings.
By Simon Wheatley | Visit plugin site

Formidable

Quickly and easily create drag-and-drop forms. Too easy.
By Stephanie Wells | Visit plugin site

jQuery Colorbox

Like Lightbox and similar plugins, but better. Used to overlay images on the current page, images in one post are grouped automatically, and can display as slideshow. Best of all, you don’t need to add special code to your image links to make it work!
By Arne Franken | Visit plugin site

Limit Login Attempts

Limit rate of login attempts, including by way of cookies, for each IP. Great boost to security, a must.
By Johan Eenfeldt | Visit plugin site

Link Counter

Counts links in posts; organizes list by domain if desired. Basically produces a complete list of ALL links contained anywhere on your blog (links in posts, pages, the lot!)
By Henry Woodbury | Visit plugin site

Permalink Finder

Never get a 404 page not found again. If you have restructured or moved your blog, this plugin will find the right post or page every time.
By Keith P. Graham | Visit plugin site

Redirection

Manage all your 301 redirects and monitor 404 errors. This plugin will redirect any url on your site (even a custom affiliate url) to any url of choice. Cool!
By John Godley | Visit plugin site

Related Sites

Add your posts to the Blog Traffic Exchange and add Links to related websites throughout the blogosphere. Get free backlinks on auto-pilot!
By Blog Traffic Exchange | Visit plugin site

RSS scroller

This plug-in will display RSS feed with simple scroller or ticker. It gradually reveals each item into view from left to right.
By Gopi.R | Visit plugin site

Search Unleashed

Advanced search engine that provides full text searching across posts, pages, comments, titles, and URLs. Searches take into account any data added by other plugins, and all search results are contextually highlighted. You can also highlight incoming searches from popular search engines. Improves relevancy of search results.
By John Godley | Visit plugin site

SEO SearchTerms Tagging 2

The purpose of this plugin is to strengthen our On Page SEO by adding new internal linking to the blog post using the most popular keywords used by search engine visitors to find the blog post from a search engine ( incoming search terms ). Can really improve search engine traffic.
By Purwedi Kurniawan | Visit plugin site

SEO Smart Links

SEO Smart Links provides automatic SEO benefits for your site in addition to custom keyword lists, nofollow and much more. Link certain keywords/phrases to go anywhere you like, sweet!
By Vladimir Prelovac | Visit plugin site

ServerBuddy

Tests server & hosting configuration to determine problems & compatibility with various WordPress themes and plugins.
By Dustin Bolton/PluginBuddy | Visit plugin site

Simple Tags

Extended Tagging for WordPress 3.0 ! Suggested Tags, Mass edit tags, Autocompletion, Tag Cloud Widgets, Related Posts, Related Tags, etc! Very popular.
By Amaury BALMER | Visit plugin site

TranslateThis Button

Automatically translates any site into 52 languages leveraging the Google Language API. Easiest WordPress translation plugin I found, and reliable too.
By Jon Raasch | Visit plugin site

TubePress

Displays gorgeous YouTube and Vimeo galleries in your posts, pages, and/or sidebar. Easy to use, heaps of features, dynamic display of keywords based videos – splendid!
By Eric D. Hough | Visit plugin site

Widget Logic

Control widgets with WP’s conditional tags is_home etc. To see what conditionals can do, see Conditional Tags at WordPress.
By Alan Trewartha | Visit plugin site

WordPress.com Popular Posts

Shows the most popular posts, using data collected by WordPress.com stats plugin (required, see below).
By Frasten | Visit plugin site

WordPress.com Stats

Tracks views, post/page views, referrers, and clicks. Requires a WordPress.com API key. If you have problems with the graph/chart displaying correctly, download the G Network modified version below, which works in WordPress MU 3.0 too.
By Andy Skelton | Visit plugin site | G Network modified version

WP Minify

This plugin helps you easily integrate the Minify engine into your WordPress blog. Once enabled, this plugin will combine and compress JS and CSS files to improve page load time. Simple, effective, and really works!
By Thaya Kareeson | Visit plugin site

WPMS Mobile Edition

WordPress Multi Site Mobile Edition is a conversion of the famous WordPress Mobile Edition plugin suitable for WP3+ in both normal and multi-site mode. It will make WordPress use the Carrington Mobile theme designed for mobile devices when visitors come to your site or any site on your network with a mobile device. This is the fastest plugin for mobile device I have seen. Lacks some of the refinements of WPtouch (see below), but it still is the fastest and cleanest code for mobile.
By RavanH | Visit plugin site

WP-SpamFree

An extremely powerful anti-spam plugin that virtually eliminates comment spam. Finally, you can enjoy a spam-free WordPress blog! Includes spam-free contact form feature as well.
By WP-SpamFree | Visit plugin site

WP Super Cache

Very fast caching plugin for WordPress. Really works, with minimum of fuss – and like all of Donncha’s plugins, very well thought out.
By Donncha O Caoimh | Visit plugin site

WPtouch iPhone Theme

A plugin which formats your site with a mobile theme for the Apple iPhone / iPod touch, Google Android, Palm Pre and other touch-based smartphones. When using with WordPress MU, each site can have its own custom icons by placing them in ‘public_html/wp-content/blogs.dir/#/uploads/wptouch/custom-icons’ where
‘#’ is the blog id number.
By Dale Mugford & Duane Storey (BraveNewCode) | Visit plugin site

WordPress MU Domain Mapping

Map any blog/site on a WordPressMU or WordPress 3.0 network to an external domain. Yes you can use any domain names for your blogs – way cool.
By Donncha O Caoimh | Visit plugin site

XML Sitemap Feed

Creates a feed that complies with the XML Sitemap protocol ready for indexing by Google, Yahoo, Bing, Ask and others. I love this plugin, because it just keeps getting better, and works with WordPress MU.
By RavanH | Visit plugin site


WordPress MU Plugins

My-Guide Clean Revisions WPMU Plugin

This Plugin cleans all saved revisions to optimize your database, with just one click.
By Daniel Bakovic | Visit plugin site

Unfiltered MU

Adds the unfiltered_html capablitiy to Administrators and Editors so that content posted by users with those roles is not filtered by KSES; Embeds, Iframe, etc. are preserved. Note: If for any reason the unfiltered_html capability is ever lost, simply deactivate, and then reactivate this plugin. For WordPress MU or WordPress 3.0 multisite only. Regular WordPress already offers this feature and does not need this plugin.

About this release

Beta version 9: released January 14, 2011.
Firefox 4 Beta is based on the Gecko 2.0 Web platform. Please read below for more detailed information about what's new in this version of the beta release, as well as the known issues.
This Firefox 4 Beta is considered to be stable and safe to use for daily web browsing, though the features and content may change before the final product release. At this time many Add-ons may not yet have been tested by their authors to ensure that they are compatible with this release. If you wish to help test Add-on compatibility, please install the Add-on Compatibility Reporter - your favorite Add-on author will appreciate it!
Check out what’s new, the known issues and frequently asked questions about the latest version of Firefox. Please tell us what you think using the feedback tools provided as part of the beta. We appreciate your input!

What’s New in this Firefox 4 Beta

As well as these features from previous Firefox 4 Betas:
  • Firefox 4 Beta is available in 76 languages
  • The Firefox Sync setup experience has been greatly improved across desktop and mobile devices
  • Speed, functionality, and compatibility improvements to WebGL
  • Additional polish for the Firefox Add-ons Manager
  • Uses JägerMonkey, a new, faster JavaScript engine
  • Certain rendering operations are now hardware-accelerated using Direct3D 9 on Windows XP, Direct3D 10 on Windows Vista and 7, and OpenGL on Mac OS X
  • Improved web typography using OpenType with support for ligatures, kerning and font variants
  • HTML5 Forms API makes web based forms easier to implement and validate
  • Support for the new proposed Audio Data API
  • Direct2D Hardware Acceleration is now on by default for Windows 7 users
  • Firefox button has a new look for Windows Vista and Windows 7 users
  • Support for HSTS security protocol allowing sites to insist that they only be loaded over SSL
  • Firefox Sync is now included by default
  • A new feature gives users a visual overview of all open tabs, allowing them to be sorted and grouped
  • An experimental API is included to provide more efficient Javascript animations
  • Firefox now supports the HTML5 video "buffered" property
  • Tabs are now on top by default on Windows, Mac OS X, and Linux
  • You can turn any tab into an "App Tab" by right-clicking on it and selecting "Make into App Tab" from the context menu
  • Web developers can animate content using CSS Transitions
  • Responsiveness and scrolling improvements from the new retained layers layout system
  • JavaScript speed improvements due to engine optimizations
  • Changes to how XPCOM components are registered in order to help startup time and process separation
  • You can search for and switch to already open tabs in the Smart Location Bar
  • New Addons Manager and extension management API (UI will be changed before final release)
  • Significant API improvements are available for JS-ctypes, a foreign function interface for extensions
  • The stop and reload buttons have been merged into a single button on Windows, Mac OS X, and Linux
  • The Bookmarks Toolbar has been replaced with a Bookmarks Button by default (you can switch it back if you'd like)
  • Crash protection for Windows, Linux, and Mac OS X when there is a crash in the Adobe Flash, Apple Quicktime or Microsoft Silverlight plugins
  • CSS Transitions are partially supported
  • Full WebGL support is included but disabled by default at this time
  • Core Animation rendering model for plugins on Mac OS X. Plugins which also support this rendering model can now draw faster and more efficiently
  • Native support for the HD HTML5 WebM video format
  • Web developers can update the URL field without reloading the page using HTML History APIs
  • More responsive page rendering using lazy frame construction
  • Link history lookup is done asynchronously to provide better responsiveness during pageload
  • CSS :visited selectors have been changed to block websites from being able to check a user's browsing history
  • New HTML5 parser
  • Support for more HTML5 form controls
  • Web authors can now get touch events from Firefox users on Windows 7 machines
  • A new way of representing values in JavaScript that allows Firefox to execute heavy, numeric code (used for things like graphics and animations) more efficiently
Developers can find out about all the changes and new features at the Mozilla Developer Center

System Requirements

Before installing, make sure your computer meets the system requirements.

Windows

Operating Systems
  • Windows 2000
  • Windows XP
  • Windows Server 2003
  • Windows Vista
  • Windows 7
Minimum Hardware
  • Pentium 233 MHz (Recommended: Pentium 500 MHz or greater)
  • 64 MB RAM (Recommended: 128 MB RAM or greater)
  • 52 MB hard drive space

Mac

Operating Systems
  • Mac OS X 10.4 and later
Minimum Hardware
  • Macintosh computer with an Intel x86 or PowerPC G3, G4, or G5 processor
  • 128 MB RAM (Recommended: 256 MB RAM or greater)
  • 200 MB hard drive space

Linux

Software Requirements
Please note that Linux distributors may provide packages for your distribution which have different requirements.
  • Firefox will not run at all without the following libraries or packages:
    • GTK+ 2.10 or higher
    • GLib 2.12 or higher
    • Pango 1.14 or higher
    • X.Org 1.0 or higher
  • For optimal functionality, we recommend the following libraries or packages:
    • NetworkManager 0.7 or higher
    • DBus 1.0 or higher
    • HAL 0.5.8 or higher
    • GNOME 2.16 or higher

Downloading

Mozilla provides Firefox 4 Beta for Windows, Linux, and Mac OS X in a variety of languages. For builds for other systems and languages not provided by Mozilla, see the Contributed Builds section at the end of this document.

Installing

Please note that installing Firefox 4 Beta will not overwrite your existing installation of Firefox. You won’t lose any of your bookmarks or browsing history, but some of your extensions and other add-ons might not work until updates for them are made available.

Uninstalling

You can remove Firefox 4 Beta with the Add/Removes Programs utility on Windows, by moving the Firefox application to the Trash on Mac OS X, or by deleting the containing folder on Linux.
By default, removing Firefox 4 Beta won’t remove your bookmarks, web browsing history, extensions or other add-ons. This data is stored in your profile folder, which can be found by going to the Help menu and selecting Troubleshooting Information.... The button next to the Profile Directory line in Application Basics will open your profile directory in your system's file explorer.
Please note that if you keep your profile, any version of Firefox that you install after removing Firefox 4 Beta will continue to use the bookmarks, web browsing history, add-ons, and other data from this profile folder.

Add-ons and Themes

Add-ons installed with previous versions of Firefox may not yet have been updated by their authors to work with this Firefox 4 Beta. If you wish to help test Add-ons, please install the Add-on Compatibility Reporter - your favorite Add-on author will appreciate it!

Known Issues

This list covers some of the known problems with Firefox 4 Beta which will be resolved in future versions:
All Systems
  • Users will experience many incompatibilites with bookmarks and history if they downgrade to any Firefox 4 beta before beta 8. Users can still downgrade back to Firefox 3.6 (see bug 620723 and bug 614439)
  • When using Panorama, reopening a recently closed tab creates a new tab group and switches to it instead of restoring the tab to the proper existing group (see bug 624265)
  • Clicking on an empty area of Panorama incorrectly creates an empty tab group (see bug 619937)
  • The popular video site Hulu.com is not displaying content to beta users due to bad "user-agent" detection in their code (see bug 580843)
  • For some users, entering text on Twitter will be slower than usual (see bug 579488)
  • For some users, scrolling in the main GMail window will be slower than usual (see bug 579260)
  • The site Formspring is not displaying content to beta users due to bad "user-agent" detection in their code (see bug 620344)
  • If you try to start Firefox using a locked profile, it will crash (see bug 573369)
  • Users using Firefox Sync with their mobile device will need to update to Firefox 4 beta 3 for mobile
Mac OS X
  • The 32bit Microsoft Silverlight plugin fails to load when using a 64bit version of Firefox on Mac OS X 10.6. Sites that depend on the plugin (such as Netflix) will fail to work (see bug 598406)
  • For some users, the window titlebar may flicker (see bug 621762)
  • This version of the beta will not work on Macintosh hardware with Power PC CPUs (see bug 587799)
Linux and Unix
  • WebGL has been temporarily disabled for Linux systems not using the proprietary NVIDIA driver (see bug 624390)
  • The video control buttons may not work when viewing QuickTime videos with libtotem (see bug 625036)
  • For some users, Firefox may crash when setting the beta as their default browser (see bug 624267)
  • Users compiling from source might need a newer gcc and libstdc++ as the build requirements have changed (see bug 578880)

Troubleshooting

  • Poorly designed or incompatible extensions can cause problems with your browser, including make it crash, slow down page display, etc. If you encounter strange problems relating to parts of the browser no longer working, the browser not starting, windows with strange or distorted appearance, degraded performance, etc, you may be suffering from Extension or Theme trouble. Restart the browser in Safe Mode. On Windows, start using the "Safe Mode" shortcut created in your Start menu or by running firefox.exe -safe-mode. On Linux, start with ./firefox -safe-mode and on Mac OS X, run: cd /Applications/Firefox.app/Contents/MacOS/
    ./firefox-bin -safe-mode

    When started in Safe Mode all extensions are disabled and the Default theme is used. Disable the Extension/Theme that is causing trouble and then start normally.
  • If you uninstall an extension that is installed with your user profile (i.e. you installed it from a Web page) and then wish to install it for all user profiles using the -install-global-extension command line flag, you must restart the browser once to cleanse the profile extensions datasource of traces of that extension before installing with the switch. If you do not do this you may end up with a jammed entry in the Extensions list and will be unable to install the extension globally.
  • If you encounter strange problems relating to bookmarks, downloads, window placement, toolbars, history, or other settings, it is recommended that you try creating a new profile and attempting to reproduce the problem before filing bugs. Create a new profile by running Firefox with the -P command line argument, choose the "Manage Profiles" button and then choose "Create Profile...". Migrate your settings files (Bookmarks, Saved Passwords, etc) over one by one, checking each time to see if the problems resurface. If you do find a particular profile data file is causing a problem, file a bug and attach the file
  source : Mozilla Firefox



WP Creativix is a free but still premium Wordpress Theme. It offers you a elegant Business design, with Javascript dropdown Menu and a lot more features. It comes with a Javascript Slideshow, Lightbox Portfolio and Full Widget Support. This Wordpress theme is free for download, you can use it on any Wordpress site you want.

WP Creativix comes with a nice Portfolio powered with nice Javascript Lightbox. This Portfolio displays as many Featured Posts/Works as you want. Adding Posts/Works to the Portfolio is really easy, just select a category and add a custom field. The images will be resized automatically. Why don’t you have a look at our Portfolio to
 

WP-Creativix Features



WP-Creativix a free premium business portfolio Wordpress Theme offers a lot to his users. This is a small excerpt from what will be possible by using WP-Creativix Wordpress Theme:
  • Drop-Down Menu for Pages
  • JQuery Slideshow with Thumbnails on Frontpage
  • Predesigned Portfolio Page
  • Lightbox Support
  • Allows you to chose your own highlight color (f.e. 993399 for purple)
  • Threaded Comments
  • Predesigned Widgets
  • Big Option Set
  • Upload Custom Logo via Admin Panel
  • Nice Icons for Home/Contact/Imprint


This is for New Blogger using Layouts templates only (blogspot or custom domain). Classic Templates not supported. Also, feeds for posts must be enabled in your settings Blogger>Dashboard>Settings>Site Feed> Post Feed can either be set at Full or Short. Private blogs do not have feeds, so they are not supported.

Here is another feature commonly found in WordPress blogs which has been customized for Blogger. Phydeaux3 has created a useful archive calendar widget which readers can use to skip to posts made on a certain date. Dates where posts have been made are highlighted in the calendar, and readers can skip to different months using the easy drop-down selector.

As with any template modifications, always make a backup before preceding!

Step 1

Go to Template>Edit HTML. Leave the Expand Widget Templates box UNCHECKED (default)

This code will replace your Archive widget. Scroll down and find yours in your template. Will look something like this

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

Copy the following code, then highlight the archive widget as shown and replace it with a paste.

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
   <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='toggle' var='interval'>
  <!-- Toggle not needed for Calendar -->
</b:includable>
<b:includable id='flat' var='data'>
 <div id='bloggerCalendarList'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
       <a expr:href='data:i.url'><data:i.name/></a>(<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
 </div>

<div id='blogger_calendar' style='display:none'>
<table id='bcalendar'><caption id='bcaption'>

</caption>
<!-- Table Header -->
<thead id='bcHead'></thead>
<!-- Table Footer -->

<!-- Table Body -->
<tbody><tr><td id='cell1'></td><td id='cell2'></td><td id='cell3'></td><td id='cell4'></td><td id='cell5'></td><td id='cell6'></td><td id='cell7'></td></tr>
<tr><td id='cell8'></td><td id='cell9'></td><td id='cell10'></td><td id='cell11'></td><td id='cell12'></td><td id='cell13'></td><td id='cell14'></td></tr>
<tr><td id='cell15'></td><td id='cell16'></td><td id='cell17'></td><td id='cell18'></td><td id='cell19'></td><td id='cell20'></td><td id='cell21'></td></tr>
<tr><td id='cell22'></td><td id='cell23'></td><td id='cell24'></td><td id='cell25'></td><td id='cell26'></td><td id='cell27'></td><td id='cell28'></td></tr>
<tr><td id='cell29'></td><td id='cell30'></td><td id='cell31'></td><td id='cell32'></td><td id='cell33'></td><td id='cell34'></td><td id='cell35'></td></tr>
<tr id='lastRow'><td id='cell36'></td><td id='cell37'></td></tr>
</tbody>
</table>
<table id='bcNavigation'><tr>
<td id='bcFootPrev'></td>
<td id='bcFootAll'></td>
<td id='bcFootNext'></td>
</tr></table>    

<div id='calLoadingStatus' style='display:none;text-align:center;'>
<script type='text/javascript'>bcLoadStatus();</script>
</div>
<div id='calendarDisplay'/>

</div>

<script  type='text/javascript'>initCal();</script>

</b:includable>
<b:includable id='posts' var='posts'>
<!-- posts not needed for Calendar -->
</b:includable>
<b:includable id='menu' var='data'>
  Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
<b:includable id='interval' var='intervalData'>
  Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
</b:widget>

At this point you may want to save the template. It should save without any  errors, if not then make sure you followed the above, and copy/pasted correctly.

Now, we need to copy and paste the scripts themselves. If you have an external server, you can copy the following scripts (removing the beginning /ending script tags) and save it as a file with the .js extension, then link to it from the head section. If that doesn't make any sense to you, don't worry. Just do it this way.

Find in your template the ending ]]></b:skin> tag and the ending </head> tag, copy the following code, and paste it in between these two tags.

<!-- Blogger Archive Calendar -->
<script type='text/javascript'>
//<![CDATA[

var bcLoadingImage = "http://phydeauxredux.googlepages.com/loading-trans.gif";
var bcLoadingMessage = " Loading....";
var bcArchiveNavText = "View Archive";
var bcArchiveNavPrev = '&#9668;';
var bcArchiveNavNext = '&#9658;';
var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"];

// Nothing to configure past this point ----------------------------------
var timeOffset;
var bcBlogID;
var calMonth;
var calDay = 1;
var calYear;
var startIndex;
var callmth;
var bcNav = new Array ();
var bcList = new Array ();

//Initialize Fill Array
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];
function openStatus(){
   document.getElementById('calLoadingStatus').style.display = 'block';
   document.getElementById('calendarDisplay').innerHTML = '';
  }
function closeStatus(){
   document.getElementById('calLoadingStatus').style.display = 'none';
  }
function bcLoadStatus(){
   cls = document.getElementById('calLoadingStatus');
   img = document.createElement('img');
   img.src = bcLoadingImage;
   img.style.verticalAlign = 'middle';
   cls.appendChild(img);
   txt = document.createTextNode(bcLoadingMessage);
   cls.appendChild(txt);
  }
function callArchive(mth,yr,nav){
// Check for Leap Years
  if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {
      fill[2] = '29';
   }
  else {
      fill[2] = '28';
   }
   calMonth = mth;
   calYear = yr;
   if(mth.charAt(0) == 0){
      calMonth = mth.substring(1);
      }
   callmth = mth;
   bcNavAll = document.getElementById('bcFootAll');
   bcNavPrev = document.getElementById('bcFootPrev');
   bcNavNext = document.getElementById('bcFootNext');
   bcSelect = document.getElementById('bcSelection');
   a = document.createElement('a');
   at = document.createTextNode(bcArchiveNavText);
   a.href = bcNav[nav];
   a.appendChild(at);
   bcNavAll.innerHTML = '';
   bcNavAll.appendChild(a);
   bcNavPrev.innerHTML = '';
   bcNavNext.innerHTML = '';
   if(nav <  bcNav.length -1){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavPrev;
      bcp = parseInt(nav,10) + 1;
      a.href = bcNav[bcp];
      a.title = 'Previous Archive';
      prevSplit = bcList[bcp].split(',');
      a.onclick =
function(){bcSelect.options[bcp].selected =
true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};
      bcNavPrev.appendChild(a);
      }
   if(nav > 0){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavNext;
      bcn = parseInt(nav,10) - 1;
      a.href = bcNav[bcn];
      a.title = 'Next Archive';
      nextSplit = bcList[bcn].split(',');
      a.onclick =
function(){bcSelect.options[bcn].selected =
true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};
      bcNavNext.appendChild(a);
     }
   script = document.createElement('script');
   script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';
   document.getElementsByTagName('head')[0].appendChild(script);
}

function cReadArchive(root){
// Check for Leap Years
  if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {
      fill[2] = '29';
   }
  else {
      fill[2] = '28';
   }
    closeStatus();
    document.getElementById('lastRow').style.display = 'none';
    calDis = document.getElementById('calendarDisplay');
    var feed = root.feed;
    var total = feed.openSearch$totalResults.$t;
    var entries = feed.entry || [];
    var fillDate = new Array();
    var fillTitles = new Array();
    fillTitles.length = 32;
    var ul = document.createElement('ul');
    ul.id = 'calendarUl';
    for (var i = 0; i < feed.entry.length; ++i) {
      var entry = feed.entry[i];
      for (var j = 0; j < entry.link.length; ++j) {
           if (entry.link[j].rel == "alternate") { 
           var link = entry.link[j].href; 
            } 
             } 
      var title = entry.title.$t;
      var author = entry.author[0].name.$t;
      var date = entry.published.$t;
      var summary = entry.summary.$t;
      isPublished = date.split('T')[0].split('-')[2];
      if(isPublished.charAt(0) == '0'){
         isPublished = isPublished.substring(1);
         }
      fillDate.push(isPublished);
      if (fillTitles[isPublished]){
          fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;
          }
      else {
          fillTitles[isPublished] = title;
          }
      li = document.createElement('li');
      li.style.listType = 'none';
      li.innerHTML = '<a href="'+link+'">'+title+'</a>';
      ul.appendChild(li);
      }
   calDis.appendChild(ul);
   var val1 = parseInt(calDay, 10)
   var valxx = parseInt(calMonth, 10);
   var val2 = valxx - 1;
   var val3 = parseInt(calYear, 10);
   var firstCalDay = new Date(val3,val2,1);
   var val0 = firstCalDay.getDay();
   startIndex = val0 + 1;
  var dayCount = 1;
  for (x =1; x < 38; x++){
      var cell = document.getElementById('cell'+x);
      if( x < startIndex){
          cell.innerHTML = ' ';
          cell.className = 'firstCell';
         }
      if( x >= startIndex){
          cell.innerHTML = dayCount;
          cell.className = 'filledCell';
          for(p = 0; p < fillDate.length; p++){
              if(dayCount == fillDate[p]){
                 
if(fillDate[p].length == 1){
                    
fillURL = '0'+fillDate[p];
                     }
                  else {
                    
fillURL = fillDate[p];
                     }
                 
cell.className = 'highlightCell';

                 
cell.innerHTML = '<a
href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'"
title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';

                 }
              }
          if( dayCount > fill[valxx]){
             cell.innerHTML = ' ';
             cell.className = 'emptyCell';  
             }
          dayCount++;  
         }
      }
    visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;
    if(visTotal >35){
        document.getElementById('lastRow').style.display = '';
       }
  }

function initCal(){
   document.getElementById('blogger_calendar').style.display = 'block';
   var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
   var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');
   document.getElementById('bloggerCalendarList').style.display = 'none';
   calHead = document.getElementById('bcHead');
   tr = document.createElement('tr');
   for(t = 0; t < 7; t++){
       th = document.createElement('th');
       th.abbr = headDays[t];
       scope = 'col';
       th.title = headDays[t];
       th.innerHTML = headInitial[t];
       tr.appendChild(th);
      }
   calHead.appendChild(tr);
  for (x = 0; x <bcInit.length;x++){
     var stripYear= bcInit[x].href.split('_')[0].split('/')[3];
     var stripMonth = bcInit[x].href.split('_')[1];
     bcList.push(stripMonth + ','+ stripYear + ',' + x);
     bcNav.push(bcInit[x].href);
     }
  var sel = document.createElement('select');
  sel.id = 'bcSelection';
  sel.onchange = function(){var cSend =
this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};
  q = 0;
  for (r = 0; r <bcList.length; r++){
       var selText = bcInit[r].innerHTML;
       var selCount = bcCount[r].innerHTML.split('> (')[1];
       var selValue = bcList[r];
       sel.options[q] = new Option(selText + ' ('+selCount,selValue);
       q++
      
}                  
 
   document.getElementById('bcaption').appendChild(sel);
   var m = bcList[0].split(',')[0];
   var y = bcList[0].split(',')[1];
   callArchive(m,y,'0');
 }

function timezoneSet(root){
   var feed = root.feed;
   var updated = feed.updated.$t;
   var id = feed.id.$t;
   bcBlogId = id.split('blog-')[1];
   upLength = updated.length;
   if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}
   else {timeOffset = updated.substring(upLength-6,upLength);}
   timeOffset = encodeURIComponent(timeOffset);
}

//]]>
</script>
<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'></script>
<!-- End Blogger Archive Calendar -->

As of May 4 2007 the scripts will autodetect your timezone settings. Nothing here has to be changed, but there are a few things that some people may want to configure (especially non-English blogs) but for now the defaults will do. If you want to change some things (especially if you have a non-English blog) then check out the full list at the Blogger Archive Calendar Settings Page.

Now save your template. It should save without errors, if not recheck your steps above. One more thing needs to be configured in your Archive Widget. Goto the Page Elements page, find your Archive Widget, and click to edit it. You'll see a screen like this

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

The title can be anything you want. The style MUST be Flat List as show. Options should NOT have Show Oldest Posts firsts checked. Archive Frequency MUST be Monthly. The Date Format can be anything you want. The calendar will accept whatever you decide here.

Save the widget. Then try it out. Go view your blog and if everything is correct you should have the calendar working now.

If you've made it this far, and it's working you'll note that without any style associated with it the calendar is a bit plain. But we've got some of that covered as well. Admire your work so far. Make sure it seems to function.

Step 2

To style the calendar, you can add some CSS entries. If you are knowledgeable in CSS than you can use the base ones to come up with your own. Or you can pick from below.

To use any of the following styles, find the one you want and copy it. Then, find the ending ]]></b:skin> tag in your template, and paste the code right BEFORE that tag.

Use the Blogger Widget Font/Color Selector
Plain
Dark
White
Blue
DustyBlue

Plain Base Style

This is probably best if you want to style it yourself, but need all the classes/id's to get started. Most of the ones here are empty, but I've included a few to round out the calendar. I've tried to include a description so you know what each entry goes with on the calendar.


/* Calendar
----------------------------------------------- */

/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:98%;}

/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid #000;padding:2px;margin:10px 0 0}

/* The Archive Select Menu */
#bcaption select {}

/* The Heading Section */
table#bcalendar thead {}

/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #000; font-family:Tahoma; font-weight:normal;}

/* The calendar Table */
table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;}

/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #000;}

/* Links in Calendar */
table#bcalendar tbody tr td a {font-weight:bold;}

/* First Row Empty Cells */
td.firstCell {visibility:visible;}

/* Cells that have a day in them */
td.filledCell {}

/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}

/* Cells with a Link Entry in them */
td.highlightCell {background:#FFFF99;border:1px outset #000!important}

/* Table Footer Navigation */
table#bcNavigation  {width:95%;}
table#bcNavigation a {text-decoration:none;}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a{}

Basic styles for Dark Templates

This is just some very basic styles, for dark templates. It has white borders around the calendar entries, with a highlight in a gawdy yellow. It should keep your default link colors in the calendar.


/* Calendar
----------------------------------------------- */

/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:98%;}

/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid #fff;padding:2px;margin:10px 0 0;}

/* The Archive Select Menu */
#bcaption select {}

/* The Heading Section */
table#bcalendar thead {}

/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #fff; font-family:Tahoma; font-weight:normal;color:#fff;}

/* The calendar Table */
table#bcalendar {border:1px solid #fff;border-top:0; margin:0px 0 0px;width:95%;}

/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #fff;color:#fff;}

/* Links in Calendar */
table#bcalendar tbody tr td a {font-weight:bold;}

/* First Row Empty Cells */
td.firstCell {visibility:visible;}

/* Cells that have a day in them */
td.filledCell {}

/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}

/* Cells with a Link Entry in them */
td.highlightCell {background:#FFFF99;border:1px outset #000}

/* Table Footer Navigation */
table#bcNavigation  {width:95%;}
table#bcNavigation a {text-decoration:none;}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a{}

Plain White

This is for a plain white look. Has black borders, and black lettering inside the calendar.


/* Calendar
----------------------------------------------- */

/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:98%;}

/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid #000;padding:2px;margin:10px 0 0;background:#fff;}

/* The Archive Select Menu */
#bcaption select {border:1px solid #000;}

/* The Heading Section */
table#bcalendar thead {}

/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #000; font-family:Tahoma; font-weight:normal;color:#000;}

/* The calendar Table */
table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;background:#fff;}

/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #000;color:#000;}

/* Links in Calendar */
table#bcalendar tbody tr td a {font-weight:bold;color:#000;}

/* First Row Empty Cells */
td.firstCell {visibility:visible;}

/* Cells that have a day in them */
td.filledCell {}

/* Cells that are empty, after the first row */
td.emptyCell {}

/* Cells with a Link Entry in them */
td.highlightCell {background:#FFFF99;border:1px outset #000}

/* Table Footer Navigation */
table#bcNavigation  {width:95%;background:#fff;border:1px solid #000;border-top:0;}
table#bcNavigation a {text-decoration:none;color:#000;}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a{}


Blue/Black

This one is blue, with black and grey for highlights.


/* Calendar
----------------------------------------------- */

/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:98%;}

/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid #000;padding:2px;margin:10px 0 0;background:#1F1FFF;}

/* The Archive Select Menu */
#bcaption select {border:0px;background:#1F1FFF;color:#fff;font-weight:bold;}

/* The Heading Section */
table#bcalendar thead {background:#000;}

/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px solid #000; font-family:Tahoma; font-weight:bold;color:#fff;}

/* The calendar Table */
table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;background:#fff;}

/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px solid #000;color:#1F1FFF;}

/* Links in Calendar */
table#bcalendar tbody tr td a {font-weight:bold;color:#000;}

/* First Row Empty Cells */
td.firstCell {}

/* Cells that have a day in them */
td.filledCell {}

/* Cells that are empty, after the first row */
td.emptyCell {}

/* Cells with a Link Entry in them */
td.highlightCell {background:#ddd;border:1px outset #000}

/* Table Footer Navigation */
table#bcNavigation  {width:95%;background:#1F1FFF;border:1px solid #000;border-top:0;}
table#bcNavigation a {text-decoration:none;color:#fff;}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a{}

Dusty Blue

Kinda light blue with dusty highlights, bottom menu.


/* Calendar
----------------------------------------------- */

/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;padding:3px;1px solid #000;background:#FFF ; width:100%;}
/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px outset #000;background:#CCD9FF;padding:2px;margin:10px 0 0}
/* The Archive Select Menu */
#bcaption select {background:#CCD9FF;color:#fff;font-weight:bold;border:0 solid #CCD9FF;text-align:center;}
/* The Heading Section */
table#bcalendar thead {background:#FFF2CC ;color:#111;}
/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px inset #000; font-family:Tahoma; font-weight:normal;}
/* The calendar Table */
table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0 0px;width:95%;}
/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset #000;}
/* Links in Calendar */
table#bcalendar tbody tr td a {font-weight:bold; color:#527DFF;}
/* First Row Empty Cells */
td.firstCell {visibility:visible;}
/* Cells that have a day in them */
td.filledCell {background:#fff;}
/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}
/* Cells with a Link Entry in them */
td.highlightCell {background:#FFF2CC;border:1px outset #000!important}
/* Table Navigation */
table#bcNavigation  {width:95%;background:#FFF2CC;border:1px inset #000;border-top:0;color:#fff;}
table#bcNavigation a {color:#527DFF;text-decoration:none;}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a{ color:#527DFF}


Use the Blogger Font/Color Selector

This might be the best option for most.  With it, you can use the Blogger WYSIWYG font and color page to play with all the goodies in the calendar. NOTE: When using this, the Blogger Archive scripts don't completely work in preview/font color page...the calendar will only partially generate. But enough of it does so you can see most everything you are selecting. Just make your picks, then save, and open your blog in another tab to view and see if it's all like you want.

To set this up, you just need to copy over the following code which includs all the variable definitions the WYSIWYG editor needs, along with the necessary CSS. You do  it just like all the CSS files, just find the ending ]]></b:skin> tag in your template, then copy and paste the following right BEFORE that tag.


/* Archive Calendar Variable Setups
   Do not modify unless you know what's what
   =========================================

<Variable name="bcCalenderFonts" description="Calendar Font Sizes"
           type="font" default="normal normal 100% Tahoma, Arial, Sans-serif" / value="normal normal 100% Tahoma, Arial, Sans-serif">
 <Variable name="bcTableBackgroundColor" description="Calendar Background Color"
          type="color" default="#ffffff" value="#ffffff">
 <Variable name="bcTableBorderColor" description="Calendar Border Color"
          type="color" default="#000000" value="#000000">
 <Variable name="bcTableTextColor" description="Calendar Text Color"
          type="color" default="#000000" value="#000000">
 <Variable name="bcMenuBackgroundColor" description="Calendar Menu Select Background Color"
          type="color" default="#ffffff" value="#ffffff">
 <Variable name="bcMenuTextColor" description="Calendar Menu Select Text Color"
          type="color" default="#000000" value="#000000">
 <Variable name="bcTableHeaderBackgroundColor" description="Calendar Header Background Color"
          type="color" default="#ffffff" value="#ffffff">
 <Variable name="bcTableHeaderTextColor" description="Calendar Header Text  Color"
          type="color" default="#000000" value="#000000">
 <Variable name="bcTableHighLightColor" description="Calendar Highlight  Color"
          type="color" default="#cccccc" value="#cccccc">
 <Variable name="bcCalenderLinksColor" description="Calendar Links  Color"
          type="color" default="#0000ff" value="#0000ff">
 <Variable name="bcCalenderLinksHoverColor" description="Calendar Links Hover Color"
          type="color" default="#0000ff" value="#0000ff">
 <Variable name="bcTableFooterBackground" description="Calendar Footer Background Color"
          type="color" default="#ffffff" value="#ffffff">
 <Variable name="bcFooterLinksColor" description="Calendar Footer LinksColor"
          type="color" default="#0000ff" value="#0000ff">
   
===========================================
    End Archive Calendar Variables */

/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:98%;}

/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid $bcTableBorderColor;padding:2px;margin:10px 0 0;background:$bcMenuBackgroundColor;font:$bcCalenderFonts}

/* The Archive Select Menu */
#bcaption select {background:$bcMenuBackgroundColor;border:0 solid $bcMenuBackgroundColor;color:$bcMenuTextColor;font-weight:bold;text-align:center;}

/* The Heading Section */
table#bcalendar thead {}

/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px outset $bcTableBorderColor; font:$bcCalenderFonts;background:$bcTableHeaderBackgroundColor;color:$bcTableHeaderTextColor}

/* The calendar Table */
table#bcalendar {border:1px solid $bcTableBorderColor;border-top:0; margin:0px 0 0px;width:95%;background:$bcTableBackgroundColor}

/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset $bcTableBorderColor; color:$bcTableTextColor;font:$bcCalenderFonts;}

/* Links in Calendar */
table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:$bcCalenderLinksColor;}
table#bcalendar tbody tr td a:hover {color:$bcCalenderLinksHoverColor;}

/* First Row Empty Cells */
td.firstCell {visibility:visible;}

/* Cells that have a day in them */
td.filledCell {}

/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}

/* Cells with a Link Entry in them */
td.highlightCell {background:$bcTableHighLightColor;border:1px solid $bcTableBorderColor}

/* Table Footer Navigation */
table#bcNavigation  {width:95%;background:$bcTableFooterBackground;border:1px solid $bcTableBorderColor;border-top:0;color:$bcTableTextColor;font:$bcCalenderFonts;}
table#bcNavigation a:link {text-decoration:none;color:$bcFooterLinksColor}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a:link {}

Once you have that copied over, save your template. It should save without errors, if not then recheck that you copied all of the code, and inserted it in the correct spot.

Then, just goto the  Fonts and Colors Page in Blogger, and you can modify the colors anyway that suits. The first entry for the Calendar is titled "Calendar Font Sizes", and the rest follow. All Calendar styles start with "Calendar", and I've tried to give them a descriptive enough title so you know what they are each for. Remember, the archive widget won't fully render on the Fonts and Colors page, but most of it will.

Note for the more advanced users. If you want, and know what you are doing, it's safe to move the variables section intact up where the other template variables are setup near the top of the template. People that are modifying their CSS a lot may find it cleaner to have them out of the way with the other entries. Otherwise, just leave it as is and it will work just fine.
BLOG MENU
Top of Page