Blog Template

4Shared Blogger Templates : Digg-Themes-Googleboy - Seo Adsense Ready

2009-11-01T23:55:00.000-08:00

Download 4Shared Blogger Templates : Digg-Themes-Googleboy - Seo Adsense Ready

4Shared Blogger Templates : Tech Geek Onwebsite - Adsense Ready

2009-11-01T23:50:00.000-08:00

Download 4Shared Blogger Templates : Tech Geek Onwebsite - Adsense Ready

4Shared Blogger Templates : Gothic Skyline - Seo Adsense

2009-11-01T23:47:00.000-08:00

Download 4Shared Blogger Templates : Gothic Skyline - Seo Adsense

Design Studio Blogger Theme

2009-11-01T23:46:00.000-08:00

Design Studio is a groovy template designed by Blog Template. Its a single column colorful theme suited for a music, dance, chillout or a party blog.

The header is quite long due to the jazzy image, you can add your blog title on its right and below that is the menu bar for your categories, that blends with the theme.

There is a 3 column box placed right below the header that gives you sufficient space to display your content. So you can use that for Recent Posts, comments, labels etc.

The single rounded column has the date stamp on top, whearas the labels, comments, author and time stamp is at the bottom of the post. The column is broad enough to add images as well in your post. Since the background image is heavy, it takes time to load the first time.

After you download the template, make sure you upload all the images of the theme on a image-sharing site of your choice. You can refer to our video tutorial to upload the images from the xml file and changing the image urls in Edit Html.

Download the Design Studio Blogger Theme

4Shared Blogger Templates : Soft Blue Green - Adsense Ready

2009-11-01T23:41:00.000-08:00

Download 4Shared Blogger Templates : Soft Blue Green - Adsense Ready
Pass: 4sharedtemplate.blogspot.co m

Creative by Nature Blogger Template

2009-11-01T23:35:00.000-08:00

Creative by Nature is an artistic theme, originally designed by CSS Mayo and converted to blogger by BloggerThemes. Many new converters have emerged on the blogger platform, which is a good sign as there are more choices available for bloggers.

The header of Creative by Nature template is a mish mash of various things that resembles an artist's table. Also part of the header image is a menu bar to display your categories.

Below that is a welcome note for your readers, followed by a section where you can exhibit your work or photos, so you can put up your best work in those three boxes. While in the main column the date stamp appears below the headline and the labels, comments, author and time stamp is at the end of the post.

The single sidebar has a simple layout where you can add the categories of your choice. This template also comes with a 3 column footer so you have additional space to display maximum content, maybe you can add a flickr stream to your blog as well. Overall its a nice theme for an art, personal or creative work blog.

Download the Creative by Nature Blogger Template

I Can Watch Movies, the 3D Blogger Theme

2009-11-01T23:10:00.000-08:00

I Can Watch Movies is a unique template created by Acosmin and ported to blogger by Deluxe Templates.

Its a 2 column theme with a 3D look, different than the regular blogger templates. So that makes it visually quite interesting. The template starts with a menu bar, then comes the blog headline and one line description, besides it is the internal search box.

Coming to the post section, the headline and other post details, author, date, labels and comments, appear in a sky blue box. While in the right sidebar you can add your blogger widgets. The content of each widget or feature come in a box, which makes it stand out. The box structure of the sidebar is a bit similar to ImpreZZ Blogger Skin. This template is suited for a graphic design, art or movies blog.

Download the I Can Watch Movies Blogger Template

Cosmetic Girl Blogger Template

2009-11-01T22:59:00.000-08:00

Cosmetic Girl, as the name suggests is a feminine theme created by Ipietoon. She has created many girly themes which have a simple layout and striking header. This template is similar in terms of color scheme to Shoppaholic template

Cosmetic Girl is a 3 column template that starts with the menu bar, followed by an attractive header image, there is enough space to add your blog title and few lines summarizing your blog theme.

The main post area has rounded edges, I prefer that to normal corners. The author name and date stamp appears below the post title, whereas the labels and comments come at the end of the post. Majority of the templates these days have the Read More feature enabled, so that gives a neat look ot the template.

The sidebar has a welcome message on top and then the column divides into two, where you can put in blogger widgets of your choice. Cosmetic Girl theme is suited for your beauty, fashion, cosmetic, gossip or even a personal diary blog.

Download the Cosmetic Girl Blogger Template

Flower Pink Border - blogger template

2009-11-01T22:50:00.000-08:00

Demo | Download

Flower Pink Border - free blogger template.

Free blogger, blogspot templates, Download Blogger Templates here

Aspire - Blogspot template

2009-11-01T22:39:00.001-08:00

Demo | Download

Aspire - Free Blogspot aka blogger template

Blogger Free Template : Simple Box Reloaded Template

2009-11-01T22:39:00.000-08:00

Preview | Free Download

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

Many of bloggers which using a simple box template have came with issue how to remove auto read more feature in the simple box template, and they want to show full post in the homepage, because if i write how to remove auto read more feature in simple box template manually it took long time story :p, but don't worry now i'm release a redesign template called simple box reloaded which no feature of auto read more, and you can freely to show your full post in homepage and i have done some little redesign on post footer make more elegant for personal blog.

If you having trouble with this template just send me an email to mazyuril@gmail.com

Traveling : Blogger Template

2009-11-01T22:26:00.000-08:00

Live Demo
Download : Here

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Category: Photography, Travel
Properties: 2 Columns, Fixed width, Right sidebar, White

Gamezine (Cahaya Versions) : Blogger Template

2009-11-01T21:38:00.000-08:00

Live Demo
Download : Here
Instructions: Installation and settings
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Category: Entertainment, Games, Grunge
Properties: 3 Columns, Adaptation of Wordpress, Blue, Elegant, Fixed width, Magazine, Right sidebar

Driftwood - free blogger blogspot template

2009-11-01T21:33:00.000-08:00

Demo | Download

Free blogger, blogspot templates

WingGirl : Blogger template

2009-11-01T21:31:00.000-08:00

Live Demo
Download : Here
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Category: Floral, Girl, Personal pages
Properties: 2 Columns, Adaptation of Wordpress, Fixed width, Green, Right sidebar, Yellow
Added: March 5th, 2009

Plantilla Para Blogger Template

2009-11-01T21:24:00.000-08:00

Live Demo
Download : Here
Instructions: Installation and settings
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Category: Neutral
Properties: 2 Columns, Adaptation of Wordpress, Blue, Elegant, Fixed width, Fresh, Magazine, Right sidebar, Rounded corners, White
Added: March 28th, 2009

Magazeen : Blogger Template

2009-11-01T21:18:00.000-08:00

Live Demo
Download : Here
Instructions: Installation and settings
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Category: Neutral
Properties: 2 Columns, Adaptation of Wordpress, Black, Blue, Elegant, Fixed width, Fresh, Magazine, Right sidebar, Rounded corners, White
Added: March 28th, 2009

Free Corporate Business Blogger Templates

2009-11-01T21:03:00.001-08:00

Corporate is a topblog templates. Features 2 column with right sidebar, you can use the included image or your own header image if you like by editing the header widget through your dashboard.

DOWNLOAD TEMPLATE HERE

Macro : Blogger Template

2009-11-01T21:03:00.000-08:00

Live Demo
Download : Here
Instructions: Installation and settings
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Category: Neutral
Properties: 2 Columns, Black, Fixed width, Gray, Right sidebar, White

Blogger Tube a Super Video Blogging Template

2009-11-01T20:48:00.000-08:00

We are proud of Dante Araujo who has created the first video template for blogger, blogger tube!

Blogger never really had a design meant for blogs that were dedicated to hosting video, but that has changed now and video hosting sites on blogger have not got a make shift design but a fully functional elegant design that looks extremely professional.

Now if we move from the looks to just talking about features this template is going to blow you away. All you need is the url of the youtube video and you are ready to go. The template then automatically generates the video thumbnail as well as the featured slider on top, cutting down on a lot of manual work.

Apart from that the template also embeds the video on the post page, with a size that fits the width of the page automatically, which is just freaking awesome! This template also has an inbuilt video rating system where your viewers can inform you as to how much they enjoyed each video.

To get this template working is rather simple, in every post you will see this code. "endofvid" [starttext] [endtext]

"endofvid" : This command tells the template that your video URL has finished, so you need to paste your URL just before it, without any spaces!

[starttext] and [endtext] : These are your post content wrapper, all the text that you would like to add to the post or pictures any content has to be between these two commands. If you happen to put anything out of these two lines, it will not show on your post.

So your post page should look like the image below.

Remember this template is built for YouTube, so other videos cannot be automatically embedded am not sure if its possible either. But Dante states he will be working on one for all kinds of videos. Till then if you like this theme go ahead and download it from the link below!

Download the Blogger Tube Template

Art Blogger Template

2009-11-01T20:42:00.000-08:00

Live Demo Downlaod

Instructions: Installation and settings
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Category: Art, ArtWorks, Floral, Personal pages, Vector
Properties: 3 Columns, Adaptation of Wordpress, Elegant, Fixed width, Fresh, Left sidebar, Pink, Right sidebar, White

ImpreZZ : Blogger Template

2009-11-01T20:32:00.000-08:00

Instructions: Installation and settings
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Template Converter: Falcon Hive
Compatible BSP: Blogger
Best Viewed Browser: Internet Explorer 8, Firefox RC3, Opera 9.6, Google Chrome 0.3.154.9
Column: 3
Feature : Impressive timestamp and layout design, navigation menu, RSS subscribe button on the header, Twitter update section on the right sidebar

You can observe the demo and download the ImpreZZ Blogger template

Shades of Blue Blogger Template

2009-11-01T20:19:00.000-08:00

Shades of Blue is a elegant and clean bussiness blogger template. Designed by yuril converted by TopBlogger. Feature of this blogger template is 2-columns, blue, white, sidebar and the footer are fully widgeted.

DOWNLOAD TEMPLATE HERE

4Shared Templates : Zinmag Chronicle - Seo Adsense Ready

2009-11-01T19:50:00.000-08:00

4Shared Templates : Zinmag Chronicle - Seo Adsense Ready

Template Information

Type: Blogspot Template
Name: Maz yuril
Designer: web2feel
Convert to Blogger: Cahaya Biru
Instruction: cahayabiru.com
Added: Sept 14, 2009
Properties: Multi Columns, white, Black, Red, Fixed width, Right sidebar

4Shared Blogger Templates : Moo Magazine - Blogspot XML

2009-11-01T19:33:00.000-08:00

Download 4Shared Blogger Templates : Moo Magazine - Blogspot XML

Kenshin blogger template

2009-11-01T19:03:00.000-08:00

Kenshin blogger template is a 2 column Free Anime Blogger Template using Himura Kenshin as a famous Anime Character from Rurouni Kenshin; Meiji Swordsman Romantic Story. In the English version this film is released as Samurai X. The story is about a fictional assassin named Kenshin, formerly known as the “Hitokiri Battosai“ or “Battosai the Manslayer” in the English. Kenshin later grieves for all the lives he has taken, and vows that he will never kill again.

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

View DEMO
Direct DOWNLOAD

Blogger Templates : Blue Sky - Adsense Ready Template

2009-11-01T18:59:00.000-08:00

Download Blogger Templates : Blue Sky Template

Title : Blue Sky Version 1.0
Release Date : May 5, 2009
Feature : Compatible with new blogger layout (XML Format)

Photoplus + a New Photo Blogger Theme

2009-11-01T18:57:00.000-08:00

The variety of templates for blogger is increasing, after the innovative Photografia template for photo bloggers, Dante Araujo has used the same light box features and come up with a cleaner design for Photoplus +

A wonderful theme for photo blogger, as you can see only the photograph thumbnails are displayed on the main page. People can browse through your site with the help of labels and even that display is the same.

A user can expand the photo by clicking on it, since this template makes use of a similar javascript as the Photografia template as well as get back to the thumbnail mode by clicking on the expanded image.

The template comes with a fully functional three column footer where you can add widgets of your choice or even some more categories or a tag cloud.

Your posts are basically pictures and to add them you need to use the following code

<img alt="A description of the image goes here." longdesc="LINK_TO_THE_FULLSIZE_IMAGE" src="LINK_TO_THE_THUMBNAIL" />

Download the Photoplus + Blogger Theme

Free Feedjit Live Traffic Feed for Blogger

2009-11-01T18:26:00.000-08:00

Feedjit provides a live feed free tracking tool to track your Blogger Blogspot blog visitors in real time. Feedjit gives you up to the minute information about where they are from, the type of browser used, the landing page your visitors arrive at and where they exit from. It also displays the search keyword or keywords the visitor used to access your blog and will help you understand more about the content your visitors are interested in.

It is easy to place a Feedjit Live Traffic Feed widget into the sidebar or footer of your Blogger Blogspot blog. It only takes a few minutes to customize the look of the widget to suit your blog and paste the Feedjit javascript code into a gadget in your Blogger sidebar or footer. Below is a step by step tutorial that will make it a breeze to get a Feedjit Live Traffic Feed widget for your Blogger blog.

Place A Feedjit Live Traffic Feed Widget into Your Blogger Blogspot Blog Sidebar or Footer
Blog Know How provides an in-depth article aimed at all Bloggers outlining the steps necessary to add a Feedjit Live Traffic Feed widget to Blogger

Summary
A free Feedjit Live Traffic widget can be a very useful widget to add to a Blogger Blogspot blog because it provides details about the kind of content your visitors are interested in. It is simple to customize and add a Feedjit widget to your Blogger sidebar or footer. Included is a tutorial that will walk you through every step of how to place a Feedjit Live Traffic Feed on a Blogger blog.

Improved Label Gadgets - Now Supporting Label Clouds and More!

2009-11-01T17:04:00.000-08:00

As part of Blogger's 10th Birthday celebrations, the Blogger team have been hard at work developing enhancements and new features.

Today, Blogger launched an enhanced "Labels" gadget which now supports label clouds, and allows us to choose which of our labels are displayed within the gadget:

In April, we announced that we wanted to hear from you about your wish list for features in Blogger. Many of you said that the label gadget should be more flexible. Today we are rolling out two enhancements to the label gadget. (Via Blogger Buzz)

Blogger's Label Cloud

Label clouds are a popular way to display label lists in Blogger templates. Previously we have needed to use extensive customizations and JavaScript to enable labels to display in cloud format as opposed to a regular list, where the size of the font indicated the popularity of the label within the blog:

Adding a label cloud to your Blogger blog is now incredibly easy! Simply go to Layout>Page Elements in your Blogger template and choose to add a new gadget in the area of your choice. Select the "Labels" gadget from the "Basics" menu, and you'll be presented with a screen like this:

In the "Display" options, choose "Cloud", then save your new gadget. Now when you view your blog, you'll see your labels display in cloud-like formation, with more popular labels highlighted in larger text.

Customizing the Label Cloud

By default, the labels will be styled to fit with other elements in the same section. All labels will appear in the same color as other links in this area and size is determined by the popularity of the label, on a scale of 1-5 (where 5 is the most popular).

If you would like to style the label cloud, you can add additional CSS to your Blogger template using the following classes:

.label-size-1 a - The class of the smallest size label in the cloud

.label-size-5 a - The class for the largest size label in the cloud

Here's an example of how you could style the largest labels to get you started:

.label-size-5 a {color: #cd0000; font-size: 3em; text-decoration: none; }

.label-size-5 a:hover { text-decoration: underline; }

I'll write up a full tutorial in the next couple of days explaining in more detail how the labels may be customized to your particular preferences. In the meantime, I hope these class examples will help those familiar with CSS to begin styling their own label clouds.

Choose which labels to display

The second improvement to the Labels gadget is the ability to choose which labels are displayed in the gadget.

This is an ideal solution for those who use many different labels in their blog, and find the long display or confusing navigation difficult to deal with.

To select which labels you would like to display in your gadget, add (or edit) a Labels gadget, and choose "Selected Labels".

You can then edit the list of labels and deselect any which you prefer not to be displayed:

One feature which I like best about this enhancement is that we can choose to use more than one Label gadget to differentiate between "Categories" and "Labels" - at least in the sidebar gadgets!

For example, we could title one label gadget as "Categories", and choose to display only a handful of descriptive, "category" labels as a list. Next, we could add a second label gadget named "Tags" which displays as a label cloud and shows all tags used in the blog.

Of course, this does not yet perform the same differentiation for posts as true "categories" would, but it is a good start and enhances usability for our blog readers.

Final Thoughts

Overall, I am very impressed with these enhancements to the Blogger Labels gadget as they enable us to customize the navigation experience for our readers.

I'm sure the Blogger team have even more great features and enhancements to roll out as part of Blogger's 10th birthday celebrations and look forward to reporting and explaining more about these in the coming weeks.

Feel free to let us know your own opinions and experiences of these enhancements by leaving your comments below.

Blogger Blogspot Guide to Meta Tags

2009-11-01T16:09:00.000-08:00

In this article you will find helpful articles to assist you to add meta tags to a Blogger Blogspot blog. You will also find links to resources such as free meta tag analyzer tools and a list of meta tags and their uses on Blogger.

Most webmasters of Blogger want to optimize their Blogspot blog to ensure good placement in search engine results. Unfortunately Blogger is not search engine friendly in some respects and requires tweaking to improve this situation.

Blogger does not support meta tags for site description and keywords. These can be added manually to improve SEO - search engine optimization.

Below are a bunch of stand out Blogger Blogspot tutorials that will assist you to place meta tags on your blog that will help your blog achieve better placings in search engine results.

Helpful Articles About Adding Meta Tags to Blogger
Below are a bunch of stand out tutorials that will assist you to place meta tags on your blog that will go some way to increasing your placement in search engine results.

Blog Know How
A comprehensive article which shows you how to add meta tags to your home page and to an individual post. The article also discusses the limitations of Blogger and why it is important to add meta tags.

Guide to Using Meta Tags in a Blogger Blogspot Blog
Meta Tag resources articles

Daily Blog Tips
An indepth article which lists different types of meta tags and discusses which meta tags are most useful

Free Meta Tag Analyzer Tools
There are many free Meta Tag Analyzer tools on the internet. Here are a couple of suggestions:

Submit Express
SEO Centro
These tools will provide you with a heap of information about your blog including keywords and keyword phrases. Make sure your meta tag relevancy to page content is 90% or above.

In this article I have suggested helpful websites to assist you to add meta tags to a Blogger Blogspot blog. I have provided links to access free Meta Tag Analyzer tools to analyze the meta tags and keywords on your blog. And I have directed you to a blog that provides a comprehensive list of meta tags and suggests their uses on Blogger.

Business Talk Blogger Layout

2009-11-01T15:49:00.000-08:00

DOWNLOAD TEMPLATE HERE

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

Business Talk blog template presents you the clean, elegant and professional blogspot template designed by Yuril and converted by Falcon Hive. You can download this Topblog Template for free.

Tagnetic Poetry for Blogger?

2009-11-01T15:46:00.000-08:00

Here's something interesting I've been working on lately: a "Tagnetic Poetry" widget/add-on for Blogger.

Based on Roy Tanck's Tagnetic Poetry plugin for Wordpress, this widget can be used to add interesting stylized links for label pages or other interesting posts. It uses Flash to create and display the links and their titles, and chooses a different layout each time the page is reloaded. Try refreshing this page and you'll see how this works.

Here's an example of how this Tagnetic Poetry widget displays linked label tags from this blog:

Tagnetic Poetry by Roy Tanck and Merel Zwart requires Flash Player 9 or better.

Ideally, this widget needs lots of space and short labels/titles to display properly. The script will not display lengthy tags unless there is enough room for them to be rendered properly, so where many tags are displayed, one or two tags may be missing.

So... it's not ideal, and certainly not a useful function for bloggers who require a great many links to be displayed, but you've got to admit it looks pretty good ;)

I understand that many of you would like to install a tag board like this in your template, so I am working on an installable widget/gadget which will enable you to add this to your layout or within a post page.

However, installation is rather difficult. We cannot simply use labels to auto-generate the links because the script requires the tags and links in "escaped" HTML, and I'm unable to replicate. We would also experience the problem of lengthy (or many) tags interfering with the display and unescaped spaces in URLS (which would break the script altogether)... I'm sure this is a lack of experience with JavaScript on my part, and would welcome any ideas to improve this widget!

So in the meantime, I'll work on a tutorial to explain how I add this to Blogger templates and pages. This will be complex, but will enable you to install with a bit of work. And if there are any JavaScript developers who would like to help me work on an installable version - please do get in touch!

Thanks to Roy Tanck, upon whose hard work this Tagnetic Poetry widget is based. Don't forget to check out Blogumus - the Blogger version of his excellent WP-Cumulus plugin, and feel free to leave any comments below.

3 Coloumn Dominated pink and chocolate colour,

2009-11-01T15:14:00.000-08:00

DOWNLOAD TEMPLATE HERE

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
This blogger template designed by Yuril, looks like premium but you can download for free. Dominated pink and chocolate colour, it’s look girly and beautifully blog template design.

Introducing GadgetsForBlogger.com

2009-11-01T15:01:00.000-08:00

Since Blogger launched the Gadget directory, I've been keeping track of new submissions and developing several gadgets of my own. While Blogger's directory is searchable, I realised that many bloggers would find descriptive reviews, screenshots, developer details and installation instructions a useful addition to the brief descriptions offered in the directory listings.

So I decided to create Gadgets for Blogger - a searchable directory of gadgets which have been developed specifically for the Blogger platform.

Each gadget listed in this directory features:

The gadget title

A full description of the gadget

Screenshot of the gadget in action

Details of ads included in the gadget (where applicable)

Contact/website details of the gadget developer (where possible)

Quick install link, to add the gadget to your blog without having to navigate to your Blogger dashboard and through various menus to locate the installation link.

All gadgets listed on Gadgets for Blogger have been tested first, to ensure they display properly when installed in a Blogger blog and also to provide instructions where installation techniques may not be immediately obvious.

Featured Gadgets

The very best gadgets are assigned to the "Featured" category. These gadgets are all of exceptional quality in terms of coding, appearance and usefulness. The most recent additions to this category are highlighted above the main listings in the Featured posts showcase:

You can also find all Featured Gadgets by viewing the Featured gallery.

Submit Your Own Gadgets

If you have developed any gadgets of your own, feel free to fill in this form to submit your gadget for inclusion in the directory once they meet the following requirements:

Your gadget must have been developed for use with Blogger powered blogs

The gadget should be tested and working

Spam and malware gadgets will not be included. If your gadget contains ads, this will be described in the listing page.

Include the URL where your gadget is hosted. This enables us to create a link for readers to add the gadget directly from this site.

Here are some useful resources for Blogger gadget developers:

Blogger Gadget Developer's Guide

Google Gadget Developer's Guide

Best UI Practises for Blogger Gadgets

Google Code (for hosting your gadgets and associated scripts)

Submit your gadgets to Blogger for inclusion in the official directory

Regular Updates

I'll be updating Gadgets for Blogger on a weekly basis (at least) to include any new submissions to the official Gadget directory in addition to any direct submissions on the site.

Feel free to suggest any gadgets I may have missed and I'll try to get these included as soon as possinle.

Your Thoughts?

Do you think Gadgets for Blogger will be a useful resource for the Blogger community? Do you have any suggestions for how it may be improved?

Please feel free to let me know your thoughts about this new project by leaving your comments below.

2Plus Blogger Template

2009-11-01T14:24:00.000-08:00

2Plus its an ecxellent blogger template. Designed by yuril and Dante. 2Plus is clear, simple, minimalis topblog template. Looks professional like a premium template, but you can download this blogger template for free.

DOWNLOAD TEMPLATE HERE

Happy 10th Birthday Blogger!

2009-11-01T14:07:00.000-08:00

Today marks ten years since Pyra Labs first unleashed Blogger onto the world! And how Blogger has grown: from humble beginnings to a multi-national, multi-lingual, Google-owned, highly powerful publishing platform which hosts over 300 million blogs (not counting those hosted on custom domains...).

In celebration of this remarkable date, the Blogger Team have planned some wonderful treats for the Blogger community:

Wait, what? What we could give you? That's right. This is our birthday — but we're celebrating your contributions over the years. Over the past decade, millions of people around the world have made Blogger what it is today: a vibrant community of real people telling their stories. [...]

As we turn ten, we wanted to give you some presents to commemorate this milestone and thank you for letting us be part of your story. Over the next several weeks we will be releasing a number of new features on Blogger. Some presents are because you asked for them this spring. Other presents are because they meant a lot to us. And some are because our friends (both inside and outside of Google) wanted to chip in and give you something... (via Blogger Buzz)

Already a few of these blogging treats have been released:

Support added for the PubSubHubbub protocol which enables our feeds to be syndicated in real-time by supporting feed readers, such as Google Reader. Learn more

Blogger support added to Google Reader's "Send To" feature, which enables easy syndication and sharing of posts. Learn more

There's a few more features which I suspect (though cannot confirm) will be released soon, and one striking, great big feature which I know will be welcomed by all...

I can't tell you about that yet.

But I promise, the wait will be worth it!

Wishing Blogger and the entire, hardworking Blogger team a wonderful 10th birthday! We're all looking forward to these new, interesting and useful features you have planned for us.

Here's to many more decades of "push button publishing" with Blogger!

Image credit: D Sharon Pruitt (via Flickr Creative Commons)

Magzmo Press Magazine Release

2009-11-01T14:04:00.000-08:00

Now it is time to launching my premium template magzmo press magazine template for blogspot users, this template came with 4 column in home page, and 3 column in item post page. You can customize this template with google adsense formats link unit or content unit, im not detailed how to customize this adsense format just you change it on Edit HTML and find my adsense code then you change with your own adsense. code :d This magzmo press have built in a comment gravatar and author gravatar you can change the picture on edit HTML and change with your own images. Please host all images and javascript which related with this template with your own host to make this template working perfectly. Its time to make you blog became money machine and start earn money with your google adsense. And you have don't to worry i'm already have check this layout in many browser on firefox, google chrome, opera, safari and Internet Explorer and i hope you do not remove credits links because i spend so many hours to create this template for you.

Features :

Navbar
Magazine style
2 Header
Adsense format ready
Back to top Jquery

Preview | Download

Feel Free comment in here and if you having trouble with this template just send me an email to mazyuril@gmail.com.

Free Download Restaurant Blogger Template

2009-11-01T14:00:00.000-08:00

If you have a food blog, maybe you can download free restaurant menu templates. This topblog template look delicious to download.. :D

DOWNLOAD TEMPLATE HERE

Free Reflection Blogger Layout / Template

2009-11-01T13:56:00.000-08:00

DOWNLOAD BLOG TEMPLATE HERE

Theme Name: Yuril
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Reflection Blog Template is suitable for your artwork, artfolio, design portfolio blogs. Dominated black, white, and blue color, plus slide featured for showing your great artwork. Reflection Blog Template designed by Yuril

Dark Forest Template

2009-11-01T13:53:00.000-08:00

DOWNLOAD TEMPLATE HERE

Author: Maz yuril

Author URI: http://topblog-template.blogspot.com

Dark Forest Template is another Grunge blogger template, with a cool forest backgroung. Designed from Ray Creations. Undefined Date! Date looks strange - Change Date Header and Timestamp Format check this image

Halloween Blogger Template Download

2009-11-01T13:47:00.000-08:00

DOWNLOAD TEMPLATE HERE

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

Halloween Blogger Template was originally designed for Wordpress by Kelleyroo but bloggerized by Yuril. This blog Template look simply, childlike and very cute.

Free Template Blogspot : Mimoozha

2009-11-01T13:45:00.000-08:00

I have found a great layout free template collection from ooruc, this template have a good combination color blend with a good design layout created by ooruc, i want share this faboulus template called mimoozha template for your template blogspot collection and you can use for personal blog and make your template feel different from another blog. Thanks to OOruc for great job and share this template for free, but important for you to notice only requirements are that you do not sell this template and you do not delete credit link to author site in the theme footer. You can download Mimoozha Template from author site or just click download link in here.

Preview | Download

Free Download Magasin Cuatro Blogger template

2009-11-01T13:41:00.000-08:00

DOWNLOAD BLOG TEMPLATE HERE

Theme Name: Yuril
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Magasin Cuatro is the professional magazine style blog template that suits your professional business identity. This Blog Template designed by Maz yuril and converted by Yuril

How to Create a Sitemap with Google Feed Control

2009-11-01T13:39:00.000-08:00

One question I am asked often is how to create a sitemap, where posts are organized by category (label) and link directly to blog posts.

There are several ways this could be achieved, such as manually coding a sitemap, or using a service to generate the feeds for each individual label.

In this article, I'll explain my favourite method for creating a sitemap/table of contents for Blogger blogs: using a modification of Google "Feed Control" to generate a sitemap automatically using the minimal amount of code.

Overview

Creating a sitemap using Google's Feed Control is a relatively simple task. You need not know anything about JavaScript or HTML code in order to use this tutorial: so long as you're able to copy and paste, this should be fairly easy to install!

The sitemap we will create will list all post titles from your blog, organized by their category/label on a post page. We can then link to this post page from elsewhere in the Blogger template, such as a link menu beneath the header, or a link list in the sidebar which details links to other important pages of your site.

Once complete, your sitemap will appear something like this, featuring the title of your label, followed by links to each post filed under this category:

You may also like to take a look at the sitemap I've created for Blogger Buster to see how this works in more detail.

Update - Easy install TOC/Sitemap Script for Blogger by Abu Farhan

Abu Farhan has created a very simple Table of Contents/Sitemap script for Blogger users which can be installed very quickly and easily.

This alternative script uses only two lines of code, and can easily be pasted into a post page (or even a sidebar widget if preferred). All we need to do is change the URL of our blog.

Once installed, this script automatically parses and displays each post under label headings and displays in alphabetical order. What's more, the latest 10 posts from each category are highlighted with "New" so readers can easily notice the most recent posts.

Unlike my Google Feed Control script, this installation is not limited to 100 posts per category.

Be sure to take a look at this excellent script and installation instructions on Abu's site as this is much easier to install and generated a very clean, organized sitemap with little effort.

Thank you for sharing your script, Abu!

How to create your sitemap with Google Feed Control

There are four main steps to creating a dynamic sitemap with Google Feed Control:

Generate an API key from Google

Add the template for your sitemap to a post page

Paste in your API key

Paste in the URLs for your label feeds

Let's look at each step in detail.

Generate your API key

In order to use Google's Feed Control, you'll need to generate a unique API key for your blog.

This key will be unique to your particular blog, and may only be used on the domain you specify during sign-up. If you have multiple blogs and would like to install a sitemap on each blog, you'll need to generate a new API key each time.

Your API key is provided free of charge, and enables you to utilize scripts which are hosted on Google servers (so we don't need to upload and host these scripts elsewhere!).

So, first things first! Generate a Google AJAX API key for your site, and copy this long string to your clipboard (or your favourite text editor) for later use.

Paste the template for your sitemap into a post page

The next step to installing a sitemap is to paste the "template" on which your sitemap will be based into a post page.

Simply go to your Blogger dashboard and create a new post. Using the tabs at the top, switch over to the "Edit HTML" section of the post editor (if you do not usually use this function), then paste the following section of code into the content section:

<style type="text/css"> /** * Suppress everything except for title */ #feedControl .gf-snippet, #feedControl .gf-author, #feedControl .gf-spacer, #feedControl .gf-relativePublishedDate { display : none; } </style> <script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR_API_KEY"></script> <script type="text/javascript"> /* * How to use the Feed Control to grab, parse and display feeds. */ google.load("feeds", "1"); function OnLoad() { // Create a feed control var feedControl = new google.feeds.FeedControl(); // Add blogger label feeds. feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL"); feedControl.setNumEntries(-1); // Draw it. feedControl.draw(document.getElementById("content")); } google.setOnLoadCallback(OnLoad); </script> <div id="content"> Loading, please wait...</div>

The <style> section at the head of this code prevents the summary (usually printed by the Feed Control script) being displayed, so that only the linked title is displayed on the sitemap page.

You may notice I've also highlighted other sections in bold coloured text. These are the sections we need to edit for your particular blog, as outlined below.

Paste in your unique API key

In the code you have pasted in your post page, you need to replace "YOUR-API-KEY" with the unique API key you generated at the beginning of this tutorial.

It is easiest to have your API key copied to your clipboard; then highlight YOUR-API-KEY and key CTRL+V (or CMD+V) to paste the key instead of the phrase.

Paste in the URLs and titles for your Label Feed URLS

This step of the tutorial is a little more complex.

We need to paste the URLs of the label feeds we would like to use for the sitemap in place of YOUR-LABEL-FEED-URL, and replace TITLE-OF-YOUR-LABEL with an explanatory title for each relevant line of the Feed Control script.

Each line we need to edit looks like this in the script we have pasted into the post editor:

feedControl.addFeed("http://URL-OF-YOUR-LABEL-FEED?max-results=100", "TITLE-OF-YOUR-LABEL");

In total, I have used 10 lines (for 10 different labels) in the template script. If you require more, simply duplicate this line and add your label feed urls and titles as appropriate.

Similarly, lines may be deleted if you need to use less than 10 labels for your sitemap.

Your label feed URLs will be something like this:

http://your-blog.blogspot.com/feeds/posts/-/LABEL-NAME

or

http://www.yourblog.com/feeds/posts/-/LABEL-NAME

where LABEL-NAME is the name of the label you are using in your blog.

We also need to include the variable "?max-results=100" at the end of the label feed URL to ensure the maximum 100 posts from each label will be displayed. Otherwise, only the first 25 posts will display in our sitemap.

For example, the URL I use to display all posts filed under the Gadgets label is

http://www.bloggerbuster.com/feeds/posts/-/Gadgets?max-results=100

If any of your labels include spaces, you must replace the spaces with %20 instead.

Here's another example, using my Customize your Blogger Template label:

http://www.bloggerbuster.com/feeds/posts/-/Customize%20your%20Blogger%20Template

Finally, the URLs of your label feeds are case sensitive. If you use any capital letters in the names of your Blogger labels, you will need to match these in the label feed URLS.

The LABEL-NAME element of each line is where you need to type the name/title of the label feed. This aspect is not case sensitive, since it is not generated by your label feeds. If you like, you can use a title which is not the same as the label feed to offer a more explanatory title for your readers.

Here is how I have coded the sitemap for Blogger Buster:

<style type="text/css">

/**

* Suppress everything except for title

*/

#feedControl .gf-snippet,.gf-author,.gf-spacer,.gf-relativePublishedDate {

display : none;

}

</style>

<script type="text/javascript" src="http://www.google.com/jsapi?key=MY-API-KEY"></script>

<script type="text/javascript">

/*

* How to use the Feed Control to grab, parse and display feeds.

*/

google.load("feeds", "1");

function OnLoad() {

// Create a feed control

var feedControl = new google.feeds.FeedControl();

// Add blogger label feeds.

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Customize%20your%20Blogger%20Template?max-results=100", "Customize your Blogger Template");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Customize%20your%20Blogger%20Template?start-index=101&max-results=100", "Customize your Blogger Template (Part 2)");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Blogger%20News%20and%20Issues?max-results=100", "Blogger News and Issues");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Gadgets?max-results=100", "Gadgets");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Free%20Blogger%20Templates?max-results=100", "Free Blogger Templates");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Resources?max-results=100", "Resources");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Custom%20Domains?max-results=100", "Custom Domains");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Images%20Icons%20and%20Badges?max-results=100", "Images and Icons");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Labels%20Categories%20and%20Tags?max-results=100", "Labels, Categories and Tags");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Monetize%20Your%20Blog?max-results=100", "Monetize Your Blog");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/RSS%20Feeds%20and%20Syndication?max-results=100", "RSS Feeds and Syndication");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/SEO%20and%20Blog%20Traffic?max-results=100", "SEO and Blog Traffic");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Blogger%20Template%20Resources?max-results=100", "Template Resources");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Announcements?max-results=100", "Blogger Buster Announcements");

feedControl.setNumEntries(-1);

// Draw it.

feedControl.draw(document.getElementById("content"));

}

google.setOnLoadCallback(OnLoad);

</script>

<div id="content">

Loading, please wait...</div>

Once you have finished adding the Label feed URLs and titles to your Sitemap post, you can publish your post and enjoy using your new Blogger sitemap!

Troubleshooting your FeedControl Sitemap

Here are a few issues which you may encounter when installing your sitemap:

The sitemap takes ages to load!

This may happen if you use a large number of labels in your sitemap. Few label feeds will load quickly, while many will take a long time to load.

If this is of particular issue, try to reduce the number of labels/feeds in your sitemap.

The sitemap does not display!

If the sitemap does not load at all, this may be due to an error when pasting the initial template code, your API key or a label feed.

The best advice would be to begin the installation again, making sure you use the Edit HTML mode of your post editor and are careful not to accidentally delete any other elements of the code.

You should also take care not to switch to "Compose" mode while editing your sitemap as this sometimes makes involuntary changes to HTML code which could corrupt the sitemap script.

Certain Labels do not display any posts

This may happen in cases where the URL of your label feed is not quite correct, for example, the title is not capitalized, or spaces are not replaced with %20.

In this case, edit your template and check the URL of the offending label feed carefully for any involuntary errors. Make changes as appropriate, and save your template.

I have more than 100 posts filed under a particular label. How can I display all posts?

Google's Feed Control can only be used to display up to 100 posts from a particular feed. In order to display more results, we need to add a new feed variable, in which the start index is 101.

In the Blogger Buster sitemap, for example, I need to display more than 100 posts for the Customize your Blogger Template category. In the line after the first 100 results for this category, I paste a new line where the start index of the feed is the 101st post, like this:

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Customize%20your%20Blogger%20Template?max-results=100", "Customize your Blogger Template");

feedControl.addFeed("http://www.bloggerbuster.com/feeds/posts/default/-/Customize%20your%20Blogger%20Template?start-index=101&max-results=100", "Customize your Blogger Template (Part 2)");

If your label includes more than 200 posts, you can add a third variable where the start index is 201, and so on.

Adding extra content, and styling your sitemap

It is possible to add extra content to your sitemap page, for example, a explanatory paragraph or links to other important pages of your template.

Ideally, you should add this content while editing your sitemap in Edit HTML mode. Be sure to add this content above or below your sitemap script to prevent any errors which would prevent the sitemap displaying properly.

If you would like to style elements of the sitemap, you can achieve this using CSS (either by adding to the <style> section in the Sitemap script, or within the <b:skin> section of your Blogger template.

Here are the classes you can use for styling your sitemap:

#feedControl - the ID for the overall sitemap

.gf-title - the title of each label

.gf-author - the author of each post

.gf-relativePublishedDate - the published date displayed beneath each title

Final Thoughts

I hope this tutorial offers a comprehensive guide to using Google's Feed Control to create a dynamic updating sitemap for your Blogger blog! I understand this is not a simple "one click install" sitemap, though as this sitemap updates automatically each time we create a new post, I find this is the easiest, most flexible option to use.

I would love to know of any simpler installations for this sitemap, so if you have written one (or have discovered a tutorial), please feel free to let us know in the comments.

Showoff Template for Blogger

2009-11-01T13:33:00.000-08:00

DOWNLOAD TEMPLATE HERE

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
This blog template very modern and dark looking template for Blogspot. It was designed to be used as a portfolio for webdesigners, photographers, or everyone who would like to show off their work on a blog.

Hacks to Improve Navigation Blogger

2009-11-01T13:16:00.000-08:00

Looking for articles about improving the navigation of a Blogger Blogspot blog. Here you will find articles about adding the following navigation hacks to Blogger: a breadcrumb, numbered page navigation and a simple links menu to a Blogger header.

Blogger lacks some advanced navigation features which makes it easy for readers to get around your blog. Compared to Wordpress Blogger has limited navigation and no easy way to add plugins to improve things. However, there are hacks and tricks that can be used to improve navigation markedly although these require manual tweaking of the Blogger template.

I have personally tried all of these Blogger tips and tutorials and can confirm that they all work so you won't be wasting your valuable time implementing some long complicated hack to your Blogger template only to find that its not working at the end of it. Also each of these publishers has a community around them and responds to any queries you might have so the support is there if you need it.

How to Add a Breadcrumb to Blogger
Blog Know How - Add Breadcrumb Navigation to Blogger
This Blogger tutorial takes you through the steps to place a breadcrumb on your Blogger blog to improve reader experience. The article also provides some advantages of adding a breadcrumb.

How to Add Numbered Page Navigation to Blogger
Blogger Buster - Numbered Page Navigation for Blogger
In this article Amanda shows you how to manually add numbered pages to the bottom of your Blogger blog. She also suggests ways to customize this hack such as: changing the number of articles displayed per page and what to do if you have a custom domain.

Add Top Navigation Menu to Blogger
Blog Know How - Add Horizontal Links Menu to Blogger Header
This tutorial shows you in detail how to add a simple horizontal links menu either to the header or above the first post in a Blogger Blogspot blog.

Summary
In this article are links to popular navigation hacks to customize a Blogger Blogspot blog such as adding a breadcrumb trail, numbered page navigation and a simple links menu to a Blogger header.

Blue Mania Blogger Template

2009-11-01T13:03:00.000-08:00

Blue Mania is a 2 column theme converted to blogger by TeknoMobi, and originally designed by SkinPress.

Blue Mania is a pleasant theme comprising shades of blue and a simple layout. Right at the top is the navigation bar with the drop down menu, so you can also add sub-categories to it. To access it, go to Edit Html and look for the following code and add the relevant links. Test 1 is the sub-category, so you can add the page url and title there.
<div id='mainmenu'>
<ul>
<li class='first current_page_item'><a alt='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a>
<ul>
<li class='page_item page-item-36'><a href='#' title='test1'>Test1</a></li>
The search box is also included in the menu bar on the extreme right. The blog title comes below the menu bar, followed by the featured post section, that facilitates you to add a short summary and a 125x125 image of your top posts. The RSS subscribe option is also included next to the featured section.

You can access it from Edit Html, search for the below code and make the necessary changes -

<div id='board'>
<div id='board_left'>
<div id='board_items'>
<div id='board_body'>
<h2>Featured Posts</h2>
<div id='board_carusel'>
<div class='belt'>
<div class='board_item'>

<p><img alt='IMG ALT' src='IMAGE URL'/><strong><a href='POST URL'>Post title</a></strong> SUMMARY....</p>
<p class='more'><a href='POST URL'>Readmore</a></p>

While in the main column author, labels, date stamp and comments appear below the headline, and the number of comments come in a small bubble box. The template is integrated with the expandable post or Read More feature. While the sidebar has space dedicated to ads and sponsors, 125x125 ads can be used. Below that you can add blogger gadgets of your choice.

Download the Blue Mania Blogger Template

Blogger Free Template : Emporium Template

2009-11-01T12:42:00.000-08:00

Preview | Download

Again, im launching free template for you friend, it is original design by Topblog Template and i have succesful to bloggerize in to blogspot platform, i think this design of template like wordpress themes, with stylish design and cool of course and yo can freely download this tempate, but please dont remove the credit because we have spend so many time to make this template and we gave you free, nothing else just please don't remove credit link.

Features :

Automatic read more
Images Resize in home page
Search bar
Navigation bar

If you having trouble with this template just send me an email to mazyuril@gmai.com

Blogger Free Template : Internet Corporation

2009-11-01T12:34:00.000-08:00

Looking stylish template for your blog, i suggest you must try internet corporation template. Internet Corporation is original designed by yuril, and i just bloggerized this template and give some little retouch to this template. Internet Corporation Template is suitable for your personal blog or business, this template absolutely free for you but please don't remove the credit because we have spend so many time to make this template and we gave you for free, nothing else just please don't remove credit link.

Features :

Navigation bar
Adsense format 460x48 below the item post

Mirror 1 | Mirror 2 | Demo View

If you having trouble with this template just send me an email to mazyuril@gmail.com

Profile Avatars for Blogger Comments - Updated

2009-11-01T12:16:00.000-08:00

Displaying avatars beside comments in our blogs has been a long anticipated feature. Today, the Blogger Team announced that this feature is now enabled for Blogger blogs, allowing us to see the profile image or avatar of those leaving comments on our posts:

Today we have extended embedded comments to display profile images next to the comments that your visitors write. Though profile images have been available with the other commenting options, we are happy to bring them to embedded comments as part of the Blogger Birthday feature series (via Blogger Buzz)

However, this feature currently seems available only to those using Blogger's default templates.

Update: Soufiane of LeBlogger.com has kindly emailed me with a quick and simple solution for us to add the required code to customized Blogger templates! Details below.

For those of you using a standard Blogger template, you should easily be able to add comment avatars to your comment section with just a few clicks.

Here is what you should do:

Go to Settings>Comments in your Blogger dashboard, and ensure the "Show profile images on comments" setting is set to "Yes" (this appears near the bottom of this page).

Check a post page on your blog which has some comments to see if any comment avatars appear.

If no comment avatars are visible in your layout, go to Layout>Edit HTML in your Blogger Dashboard and click the "Revert widget templates to default" link near the bottom of the page. Warning - only do this if using a standard, uncustomized Blogger template!

After completing these necessary steps, comment avatars should now display to the left of comments on your posts.

How to add comment avatars to customized/non-standard Blogger templates

Soufiane of Le Blogger kindly emailed me details of the code we can add to customized Blogger templates in order to make comment avatars appear beside our posts (take a look at this post for the original details, in French).

It seems the method for us to use is far simpler than my initial impressions - we need only add two small sections of code to our templates in order for the comment avatars to function.

Here's what to do:

1. Go to Layout>Edit HTML in your Blogger dashboard, and ensure you check the "Expand widget templates" box.

2. Using your browser's search function, locate the following line of code (or similar):

<dl id='comments-block'>

Depending on your particular template, you may discover this is <div id='comments-block'> instead.

3. Replace this line of code with the following:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Note: if your template included div instead of dl, leave this intact and replace all other elements of the line instead.

4. Now, locate this line of code (usually a few lines further down, depending on your particular template):

<a expr:name='data:comment.anchorName'/>

Immediately before this line, paste the following section of code:

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>

</b:if>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

If you use an "author comment highlighting" hack in your template, you will need to search for a second instance of <a expr:name='data:comment.anchorName'/> and paste the code a second time.

5. Finally, save your template.

Now when you view a post page for which comments are enabled, you should see avatars beside the names of respective commenters!

How to upload an image for your commenting profile

If you choose to comment using your Blogger profile and do not currently have a profile photo uploaded, you can quickly add a photo while posting a comment.

To do this, write your comment as normal and click the "Preview" button. In this preview section, you will be able to upload a profile image which will be displayed instead of the default Blogger favicon:

To edit an existing profile image, go to your Blogger dashboard and click the "Edit Photo" link beside your current profile image. This is the image which will be displayed beside comments posted on Blogger blogs for which this feature has been enabled.

Notes on Blogger's Comment Avatars so far...

Here's a few observations about the new comment avatar function, which may offer some insight into how this currently works:

Whose avatars will be displayed?

At present, comment avatars are only enabled for those using their Blogger/Google profile for their identity. Those who use the "Anonymous", "Name/URL" or other options when commenting cannot yet have a profile image displayed.

When using OpenID, Wordpress, LiveJournal, Typepad or AIM, the OpenID favicon will be displayed instead. Those commenting anonymously or using the "Name/URL" option will have no image displayed.

Of course, there is every possibility that the Blogger Team may soon, enabling those using other methods of identifying themselves when commenting to upload a profile image for display.

Can these profile images be styled differently?

It is certainly possible to style the way comment avatars appear in our blogs. Style may appear inline, as can be seen in the default implementation of this upgrade:

<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>

It is also possible to style these images by adding declarations to the <b:skin> section of our templates using the following classes:

.avatar-image-container - the overall container in which the profile images are housed

.avatar-image-container img - to style the actual image, using borders, padding, background-color, etc.

I'll experiment with this in more detail over the weekend, particularly with reference to comment identities for whom avatars cannot be displayed (yet), and will post full details as soon as possible.

Avatars load after other content on the page

The script used to display the avatars on post pages is set to load after other content on the page. This may mean a few seconds' delay between the initial page load, and the avatars appearing beside comments.

What do you think of this new feature?

I am very happy that we are now able to display avatars beside our comments, but still feel there is room for improvement, particularly as those who do not have a Google account are unable to display their profile photo. I hope that in the future, the ability for anyone to upload their photo will become possible (or that at least a generic image could be displayed instead).

After I'd mentioned this on Twitter, I discovered some rather mixed reactions to the news - many complained that this feature should have been implemented far sooner, or expressed their preference for using Disqus comments instead.

So what's your opinion? Will you use this new function in your own Blogger blog(s)?

Please feel free to tell us your thoughts by leaving your comments below.

Free Business Elegance Blogger Templates

2009-11-01T11:46:00.000-08:00

You can download this Business Elegance blogger template for free. This template designed by Chamadigital and converted at Blogger by Klodian, is easy to install and to customize.

DOWNLOAD TEMPLATE HERE

Blogger Read More/Post Summaries - The Best News Yet!

2009-11-01T11:38:00.000-08:00

One of the functions most voted for in Blogger's recent Product Ideas forum was the ability to summarize blog posts on non-item pages.

I've written about a few different approaches to this, but these methods were never so easy to implement.

Luckily I came across this tutorial from Quite Random which offers the simplest - and most useful - method of displaying post summaries automatically for our Blogger posts, complete with a thumbnail from images used in our posts.

This customization is very easy to implement (there are literally only two steps) with very little editing of the template required. I installed with immediate success on several templates to test it out, and with only a little tweaking on one of my most customized designs.

In short, this is a fabulous implementation of post summaries for Blogger. Be sure to pop over to Quite Random to check out this post and learn how to install this hack for your own Blogger blogs.

However... This is not my only source of good news regarding post summaries for Blogger!

The Blogger team are in the process of implementing this function in Blogger! Or at least, I'm pretty certain they are.

Take a look at this screenshot which was taken from a clean installation of Minima (a default Blogger template) on a new blog (click the image for a larger version):

These tags look suspiciously like tags which could be used for implementation of post summaries. What's more, it seems we can choose whether or not to summarize our posts, and also the text used for the link to read the full article.

I can't say for sure when this implementation will become available, though I believe this will first be rolled out into Blogger in Draft so any issues can be resolved before the summaries become available to us all.

There's not yet been any mention about this on the Blogger in Draft blog, Blogger Buzz or even by the team on Twitter, but since this code is now appearing in new templates I'd guess this will become available in the very near future.

Stay tuned, I'll get more news about this as it happens and will (of course) explain how to use summaries in customized templates too.

This is a feature I'm very excited to know is in progress, so if anyone does have any news to share, please let me know!

Free NightClub Blogger Layouts

2009-11-01T11:27:00.000-08:00

NightClub is cool blogger layouts designed in CSS by yuril and converted in Blogger by Klodian. Colorful template recommended for music blogs.

DOWNLOAD TEMPLATE HERE

Neuronic Adsense Ready blogger template

2009-11-01T10:37:00.000-08:00

DOWNLOAD BLOGGER TEMPLATE HERE

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

Neuronic blog template is a professional look design created by talented Our Blog Templates. Classic but Elite looks, Flexible 3 or 6 Columns, Modified Footer Design, 3 Footer widgets, Fully customizable and Bloggerized Adsense / Google Adsense Ready blogger template.

Blogger Free Template : Pinkish Template

2009-11-01T10:27:00.000-08:00

Pinkish template was original design by topblog template and was successful converted in to blogspot theme by yuril, this template suitable for personal blog and design for girl who love pink :p,this template absolutely free for you but please don't remove the credit because we have spend so many time to make this template and we gave you for free, nothing else just please don't remove credit link.

Features :

Search bar
Navigation bar

Preview | Mirror 1 | Mirror 2

If you having trouble with this template just send me an email to mazyuril@gmail.com
NB : Stay Tune on free template blogspot

Digital Statement Blogger Theme

2009-11-01T10:26:00.000-08:00

The Digital Statement blogger theme is an original design created by Blog Oh Blog! for wordpress and converted to blogger by labofweb.

To add to the bandwagon of fully functional magazine style themes here comes a digital statement that has quite a bit to add to the blogger platform. The template starts off like no other, a browse archive link is located at the top right hand side corner while the top left holds the date.

Then we have the blog title on the left and the right holds the go button, under that is a dual menubar though it does not offer a drop down system.

Then comes the main column on the left with automated readmore, the mini post on the homepage comes with a thumbnail image and at the bottom it has a bar that holds the date, labels, comments and the read more link.

The sidebar of this template has a featured section right on top where you can scroll through the top posts placed here. Under that is a highlighted about the author section. Then comes two tabbed widgits and after that is the twitter updates section.

The sidebar is then broken up into two parts and then comes the three column footer at the bottom, making it a perfect end to this wonderful theme!

Download the Digital Statement Blogger Theme

Smell Like Facebook Blogger Template

2009-11-01T10:16:00.000-08:00

DOWNLOAD BLOGGER TEMPLATE HERE

Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

Smell Like Facebook blog template is based in Facebook profile page, designed by Yuril and converted by WordpressToBlogger. You can download smell like facebook blog Template for free.

Free Template Blogspot : Ayliak

2009-11-01T10:02:00.000-08:00

Another collection free blogspot templates from ooruc themes, this template called Ayliak template. Ayliak is a free xml Blogspot template, which have three column and this template suitable for professional personal blog, this template have a good combination color blend with a good design layout created by ooruc, i want share this faboulus template called Ayliak template for your template blogspot collection and you can use for personal blog and make your template feel different from another blog. Thanks to OOruc for great job and share this template for free, but important for you to notice only requirements are that you do not sell this template and you do not delete credit link to author site in the theme footer. You can download Ayliak Template from author site or just click download link in here. Ayliak is distributed under the Creative Commons Attribution 3.0 License..visit here

Features :
1. 3 column layout
2. Change Font and Color on tab Layout pane

Preview | Download

You can find about installation this template on the Ayliak files included.

Premium Blogspot Themes : Pro Magazine Black

2009-11-01T09:47:00.000-08:00

Live Demo | Purchase

Theme Name: Yuril
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Features :
1. Auto read more
2. Adsense Ready
3. Multi Column
4. Inner author
5. Different comment for admin

Pro Magazine Black is an unique design with magazine style, multi-column on homepage, adsense ready and suitable for your small or big business for multipurpose.

Pro Magazine Black is an original theme design by Maz yuril using blogspot platform. Just only $ 25.00 you can get Pro Magazine Black Template, manual instruction and technical support if you having trouble with installation.

Blogger Template: Higherground Template

2009-11-01T09:22:00.000-08:00

Styleshout provide a free templates for web designer to make them can use for your website or blog and i have succesfully bloggerized one from thousand collection of free template, styleshout called this template a higher ground template which look like wordpress themes style ( i think.. :d). don't woory i have check this template layout in any browser like firefox, IE, opera, flock, and google chrome. Overall this template suitable for your personal blog.

Features :

Automatic read more
Images Resize in home page
3 column in footer section
Search bar
Navigation bar

If you having trouble with this template just send me an email to mazyuril@gmai.com

Preview | Free Dowload

Author: yuril | Free Distributed by Free Blog Templates

Red Dots blogger template

2009-11-01T08:58:00.000-08:00

View DEMO
Direct DOWNLOAD
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

Full Green Flowers blogger template

2009-11-01T08:49:00.000-08:00

View DEMO
Direct DOWNLOAD
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

Metal Stell blogger template

2009-11-01T08:36:00.000-08:00

View DEMO
Direct DOWNLOAD
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

The Explorer blogger template

2009-11-01T08:32:00.000-08:00

View DEMO
Direct DOWNLOAD
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

TURN OUT MAG Premium Templates

2009-11-01T08:29:00.000-08:00

Over the last few days, so many readers commented on this site asking me to convert a Magazine style wordpress theme to Blogger version... So, for all you guys.. Releasing Premium Magazine style Blog Template "TURN OUT MAG". This was originally a wordpress theme designed by ChiQ Montes and I converted it to Blogger version.

LIVE DEMO | DOWNLOAD

The template comes with so many built in features including:
» Thumbnails on homepage (automatic)
» Two main columns on the Homepage (Mag style)
» Banner ad / Adsense ready
» 468 x 60 px Banner ad on the header
» Three Columns
» Search Box
» SEO Optimized
» "Read More.." (automatic summarize)
» Featured Video
...and many more...

16 Useful Twitter Tools for Blogger

2009-11-01T08:24:00.000-08:00

Since it's launch back in 2006, Twitter has become a leading pioneer in the world of social media. Bloggers in particular find this service an invaluable tool for syndication, news stories and community conversation.

For this post, I have rounded up 16 of the most useful tools, tips and free resources to help you get the most out of Twitter through your Blogger powered blog.

Display your Latest Tweets

Visitors to your blog may also enjoy reading your Tweets, particularly if they are of relevance to your blog's niche subject.

Here is a selection of the best tools for displaying Twitter updates in your Blogger layout:

The Official Twitter Badges

Twitter provides an animated "Profile" badge which you can use to display your latest updates as a widget in your blog layout:

You can configure the size, colours and number of updates for your badge in the settings, then grab the code which can be pasted in an HTML/JavaScript widget in your Blogger layout page.

Another alternative is the Twitter "MySpace" gadget, which uses Flash to create a different appearance to the gadget:

We can copy the code generated for this widget and paste into an HTML/JavaScript widget in our blog - it's not limited only to MySpace profiles!

Blogger Widgets and Gadgets

Another way to display your Twitter updates is to install a Blogger widget or gadget in your layout. These can be configured to display as few or many Tweets as you choose, and require only your Twitter username to install:

Simple Twitter Updates Widget

This was the first Twitter application I created for use with Blogger blogs and still remains one of the most popular tools on the site! To install, simply fill out the form and click "Add Widget" to install automatically in your layout.

Twitter Gadget for Blogger (EN)

This gadget works in much the same way as the Twitter Updates widget but is simpler to install and can be reconfigured after installation.

Twitter Updates Gadget (ES)

Daniel Ikeda has made a Spanish translation of my Twitter Gadget for easy installation.

TwitSig - Your Tweets in Pictures

TwitSig is an interesting free service which allows you to display your latest Twitter update as an image. You can add this in your layout as either an HTML/JavaScript widget (using the code generated on the TwitSig homepage) or as an Image gadget using one of the alternative backgrounds.

Here's an example of the default Twitsig badge:

This one uses magnets:

Here's another using a fortune cookie:

Visit TwitSig to generate your own updating Twitter updates image.

Add a "Follow Me" Badge

To encourage your blog readers to follow you on Twitter, try adding a "Follow Me" badge which links to your Twitter profile page.

Here are some useful tools and badges which you can use to add a linked "Follow Me" badge to your Blogger layout:

Twitter Follow Badge by Go2Web"0.com

Here's a new and interesting way to add a non-intrusive "follow me" badge to your site, like this:

The badge can be configured for different colour schemes, height from the top of the page and left/right alignment.

To add the badge to your Blogger blog, visit the TwitterFollowBadge page and fill in the form to your requirements. This will generate some JavaScript code which you should add just before the closing </body> tag in your Blogger template. However, in it's native form this code will not display in Blogger!

Instead, we have two options:

Paste the JavaScript into an HTML/JavaScript widget instead

Replace <-- and --> in the generated code with <-- and --> (this enables the script to function correctly and display the badge in your page)

TwitterButtons.com

TwitterButtons offers several pages of free "follow" buttons to help your blog readers follow you on Twitter:

Simply add your Twitter ID in the space provided and TwitterButtons will generate the code to add the button of your choice as a linked badge in your layout. Paste the code into an HTML/JavaScript gadget in your layout (or directly in your template if preferred!) and you're all set.

Twitter Buttons by Vincentabry.com

This site offers 31 different styles of Twitter buttons which you can add to your blog. Although the site is not in English, the Twitter buttons are.

To add these to Blogger easily, use your favourite image in a Picture gadget in the layout, then link this to your Twitter profile:

Add "Tweet This" Links to your Blog Posts

Twitter is an excellent service for syndicating blog posts and useful or interesting articles. Help your blog readers share their favourite posts on Twitter by providing a "Tweet This" link for each of your blog posts.

Here are three different ways you could do this:

Add a simple "Tweet This" link

The simplest of all Twitter syndication links is a text link which uses the URL and title of your blog post:

There are of course many ways in which this link could be styled, and where it could be positioned. For now I'll explain the most basic method of installation.

Go to Layout>Edit HTML in your Blogger dashboard and check the "Expand Widget Templates" box.

Then using your browser search function, locate the following line of code (or similar):

<div class='post-footer'>

Immediately after this line, paste the following section of code:

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @YOUR-TWITTER-USERNAME " + data:post.url' title='Tweet it on Twitter'>Tweet This</a>

Be sure to replace "YOUR-TWITTER-USERNAME" with your own username!

Then save your template. This will add a "Tweet This" link in the post-footer section beneath each blog post. Readers can click this link to post a pre-filled template "Tweet" like this:

Image based "Tweet This" Link

If you'd prefer to use a stylish button or larger image link, you can simply replace the text from the previous example with an image tag, like this:

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @YOUR-TWITTER-USERNAME " + data:post.url' title='Tweet it on Twitter'><img src="http://image-host.com/your-image-link.jpg" alt="Tweet This" /></a>

Here's a great example of this effect on PSDrecipes:

Using Short URLs in "Tweet This" Links

Many of us use lengthy domain names which take up much of Twitter's 140 character limit for the tweeting of posts.

A while ago I posted a tutorial explaining how to enable short URLs for "Tweet This" links using Bit.ly. This explains how to add a similar text/button/combination link for each of your Blogger posts which adds a shortnened URL to the Twitter post template instead of the regular, lengthier one.

Enable "Tweetbacks" in your template

Our Blogger templates already support "Backlinks" (known as "Links to this post" in Blogger). However, these backlinks don't display links generated on Twitter which usually include shortened URLs.

Dan Zarella's original "Tweetbacks" script is JavaScript based and can be used in Blogger templates to display tweets about your post. It is very easy to install and requires no customization (unless you wish to style how the tweetbacks are displayed).

To add "Tweetbacks" to your Blogger blog, simply copy the code below and paste this in your template where you would like the Tweetbacks to appear:

<script src="http://danzarrella.com/tb.js"></script>

The simplest installation is to paste this code into an HTML/JavaScript widget in your Blogger layout. This will display Tweetbacks on every page of your blog, and will show the Tweetbacks attributed to each individual page.

Another possibility is to add Tweetbacks beneath the "Links to this post" section of your template, effectively grouping these tweets with backlinks to each individual post.

To achieve this, go to Layout>Edit HTML and check the "Expand widget templates" box. Then search for the following line in your template:

<b:includable id='backlinks' var='post'>

Immediately after this line, paste the following section of code:

<h4>Tweetbacks<h4> <script src="http://danzarrella.com/tb.js"></script>

This will add Tweetbacks with the appropriate title just above the "Links to this post" section of your layout.

Note: you must configure "Backlinks" to "Show" in the Settings>Comments section of your dashboard to enable this method to work.

Add TwitPic Updates to your Sidebar

TwitPic enables us to share images to Twitter, which can be posted by phone, using the TwitPic API or directly from the TwitPic site.

I've developed a gadget which you can use to display your recent TwitPic updates in your Blogger layout which is easy to install and can be configured to your needs:

Use this link to add TwitPic Updates to your Blogger blog.

Add "Real Time" Twitter Updates

Being a fast, virtually instantaneous stream of updates on any given subject, many of us like to keep up with references, news and re-tweets in real-time, rather than having to update or revisit Twitter search at periodic intervals.

Here are two highly useful gadgets for blogger which can be used to display real-time updates in your actual blog layout:

Twitter Search

Developed by 32Hours.com, this gadget offers a stream of updates for a given search term, hash tag or username.

Simply add the gadget to your blog and change the terms for search after installation (your readers can use this too!):

Visit this page on 32Hours.com to learn more about this gadget and install in your Blogger layout.

Juitter Gadget - real time updates with configurable search terms

Based on the excellent Juitter JQuery plugin by Rodrigo Fante, this gadget enables real-time Twitter updates based on the search terms you specify on installation. You can choose to display tweetbacks referencing your Twitter username, a particular search term and even combinations of terms:

This gadget does not contain ads or added links, and can be configured to display exactly as you want.

Click here to add this Juitter gadget to your blog.

Have I missed anything out?

I hope I've provided a good round-up of Twitter tools which you can use to "Twitterize" your Blogger powered blog. If you feel I've missed out any Blogger-enabled tools, please feel free to let me know about these in the comments below.

SchemerMag Templates

2009-11-01T08:18:00.000-08:00

Written by kranthi on Sunday, March 29, 2009

After very good response on my previous Magazine style Blog template Turn out Mag, I decided to go for one more Magazine style layout.. so, here it is..

Releasing SchemerMag Magazine style 3 Column Blog Template:
As usual, this is a wordpress to blogger conversion.. wp theme by Chiq Montes of wpthemedesigner.com and converted to Blogger by me.

look at the screenshot

Download OR Live Demo

Special Features:
» Thumbnails on articles (automatic resize)
» Google Adsense/banner ready
» 3 Columns
» SEO Optimized
» Featured video
» Read more..(automatic summarize)
» How To Instal Template Blog
» How to Download Template blog

TagLand Blogger Theme

2009-11-01T08:17:00.000-08:00

TagLand is a well-designed blogger template created by Dante Araujo. Its a 2 column template with an interesting colour scheme of black, red and dark gray.

The blog title will appear in a rounded header, that also includes the menu bar on the right. The main column displays the post in a regular format, the headline comes in a black box, while the post details like author, time, comments and labels are placed at the bottom of the post. Each post appears in a dark gray rounded box, which gives it a neat look.

TagLand also has a cool search box in the left sidebar, followed by blogger widgets of your choice. Each category or widget comes in a separate box just like the main column. The template is easy to customize as per your requirements.

Download the Tag Land Blogger Theme

Nexus 5 - A New Blogger Template for Free Download

2009-11-01T08:09:00.000-08:00

It's been a while since I've designed a Blogger template for free release. But after reading this excellent tutorial on Smashing Magazine, I was inspired to create something different: an ultra-customizable, HTML5 based template for Blogger.

Nexus 5 is a one column template, with widgetized sections in the footer for any gadgets you may like to include. A wider, two column version will be available shortly for those who prefer gadgets in a sidebar section.

This template uses many HTML 5 and CSS3 elements to create a more innovative design without the use of excessive background images. It does gracefully degrade in browsers which do not support CSS3 elements to ensure the greatest percentage of visitors will appreciate the full scope of the design.

Here is a full screenshot of Nexus 5 as seen in Firefox 3.5 (my current preferred browser):

Demo | Download

Click the image for a full page preview, or simply visit the demonstration blog..

I've also tested in Internet Explorer (6-8), Opera and Safari. While the rounded corners and text-shadow effects do not function in browsers which don't support CSS3, the overall functions and general design of the site work well.

Main features of Nexus 5

I've tried not to overload this design with features, as I wanted to offer a clean design which loads fairly quickly and can easily be customized to your own particular tastes.

Instead, I have focused on only a handful of features which I hope will be suitable for everyone, and enhance the clean design of this template.

Ultra customizable!

One of Blogger's greatest features is the ability to customize our templates to suit our tastes, both through the Page Elements section (moving the location of gadgets, and customizing aspects of our post-footer section), and the Fonts and Colors menu.

While I love to see beautifully designed Blogger templates available for download, many cannot be altered so easily and require the user to edit the HTML of their template in order to make any change to the design.

For Nexus 5, I wanted almost every aspect of the design to be customized with ease. This means that:

ALL colors may be changed through the Fonts and Colors menu

Fonts for text and headings may be altered through the menu

All footer gadgets may be moved around, added, deleted, and so on.

The ONLY aspect of this design which requires editing of the HTML is the "About" section in the footer. I was unable to create a workable integrated gadget for this section without excessive editing of the gadget tags. This would have rendered the section unstable; while a simple text/HTML widget could not have included the HTML5 elements I wanted to retain.

Integrated Navigation Menu

This design includes a navigation menu as a Link List gadget. You can add links to your Home, About and other important pages simply by editing the Link List gadget in your Page Elements menu.

The "Subscribe" button is pre-installed and will point to your blog's posts feed automatically.

A cool feature of this menu is the button highlighting. The background changes when your cursor hovers over the link; furthermore, when the page URL is the same as the link URL, the button remains highlighted.

For example, if you link to your blog's "About" page, the "About" button will remain highlighted when a visitor reads this page.

Integrated "Featured Posts" section - no template editing required!

I love the "recent posts with thumbnails" gadget, and decided to integrate this functionality into the template as a "Featured Posts" section, which can be seen above the post content on non-item pages:

This section will display the title, snippet and thumbnail of the most recent post from the Featured category.

No editing of the template is required to make this function work - simply add the label "Featured" (with a capital "F") to any posts you prefer to appear in this section.

Hover Effect on Summarized Posts

Another feature I wanted to include for this template was Post Summaries. This adds only the summary of posts on non-item pages, including a smaller version of the first image from each post. This is based on the Automatic Read More Hack by Anshul Dudeja (which integrates the required javascript into our templates).

Rather than specify exact dimensions for images which appear in the summaries, I have only specified a width. This ensures images are not distorted, and that a specified ratio of height to width is not required.

Also, when you hover over a post on a non-item page, that post is highlighted by a different background and link-text effect:

The colors for the background, link and paragraph text used in this effect can all be customized through the Fonts and Colors menu in your Blogger dashboard.

Posts on Item pages do not include this effect: post text and images will appear in full.

Stylized "Social" Section

The "social" gadget in the footer section is a simple Link List gadget where you can add links to any of your social media profiles.

The icons which appear beside each link do not need to be manually added to your gadget. Instead, these links are coded into the CSS to appear beside targeted links.

Profile links which are supported by Nexus 5 include:

Blogger

Flickr

Del.icio.us

Digg

Facebook

Last.fm

Twitter

MySpace

Picasa

Technorati

Any links added to the links list widget in this section will automatically have the appropriate icon appear beside it where available.

If I've missed any popular social networks which you'd like to see included, please let me know and I'll update the CSS.

How to install Nexus 5

Nexus 5 is rather easy to install. Since it requires very little editing of the template code, you should be able to get this template up and running within a few minutes.

Please note: these instructions are for the basic installation of this template. If you want to transfer widgets from your existing template over to use with Nexus 5, take a look at this tutorial instead.

First of all, download this template to your hard drive. This is an XML template, compressed in a Zip folder for easy download.

Once you've downloaded, open up the Zip folder and extract the Nexus5.xml file. You may need to use Winzip or WinRar if your OS cannot open compressed folders by itself.

Now that you've decompressed the zip folder, go to Layout>Edit HTML on your Blogger dashboard.

Near the top of this page you will notice the Backup/Restore Template section. Here you can choose to upload a new template by clicking the "Browse" button to locate the Nexus5.xml file on your hard drive. Select this file, then click the "Upload" button.

It's likely that you'll be prompted to delete any existing widgets that are in your existing template. If you need to retain any of these widgets/gadgets, cancel the operation and refer to this tutorial instead. Otherwise, confirm the deletion and continue.

Within a moment or two, your existing template will be replaced with your new Nexus 5 design, which you can customize according to your needs.

Configuring the Labels Gadget

The Labels (categories) gadget which appears in the footer section of Nexus 5 looks far better when the post count for each label is not selected. To change this option, go to Layout>Page Elements in your Blogger dashboard and click the "Edit" link for this gadget. You can also click the wrench icon beside this gadget while viewing your blog).

Uncheck the box for "Show number of posts per label" and save this change.

Note: while the "Cloud" option for labels will work in this template, when this option is used, the label cloud may not appear as desired. I have added support for the Cloud variant in the two column version of this design which will be available for download shortly.

Configure the Blogroll Gadget

This gadget is simply a Links List gadget for you to add links to your favourite sites.

Simply edit this gadget in the Page Elements page of your dashboard (or by clicking the wrench icon beside the gadget when viewing your blog) to add or manage links in this section.

Configure the Social Gadget

Again, this gadget is a simple Link List which can be edited with ease. The intention of this section is to provide links to your social media profiles, each of which will be highlighted with the appropriate icon.

For each link, copy and paste the URL of your social media profile and add appropriate explanatory text. The most popular social media sites are supported, so you can add as many or as few profile links as yu like in this gadget.

Display content in the Featured Post section

The Featured Post section is built into the template and requires no editing of the HTML code to work.

To make a post appear in this section, simply add the label "Featured" (with a capital F) to any of your posts. The latest post from this category will appear in this section on non-item pages of your blog.

If you prefer to display posts from a different label...

In order to display posts from a different label than Featured, you will need to edit your Blogger template.

Go to Layout>Edit HTML and search for the following line:

<script expr:src='data:blog.homepageUrl + "feeds/posts/default/-/Featured?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"'/>

Replace Featured with the name of the label you wish to use instead. This is case sensitive, so be sure to type the label name exactly the way it is used. Furthermore, all spaces should be replaced with %20 (the "escaped" code for a space in this URL structure).

Preview your template to ensure the correct post is being displayed, then save your template to complete the change.

Edit the "About" section in the footer

As explained earlier, the "About" section is the only aspect of this template which requires you to edit the HTML code in order to retain the HTML5 style structure.

Go to Layout>Edit HTML and locate the following section of code:

<address class='vcard body' id='about'> <span class='primary'> <strong><a class='fn url' expr:href='data:blog.homepageUrl'><data:blog.title/></a></strong> <span class='role'>One Line Description</span> </span> <img alt='Avatar Logo' class='photo' src='http://lh5.ggpht.com/_xn2gmPb9TfM/SqTYIFh4mQI/AAAAAAAAFXI/MjMhfBmc9To/s800/blogger-logo.jpg' width='50'/> <span class='bio'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</span> </address>

The section highlighted in bold red is where you can add a brief (one line) description of your site. Simply change the text to a short description of your liking.

The code highlighted in blue is the URL for your avatar/photograph. This image needs to be 50px wide, though the section should accommodate any height. Upload your replacement icon to an image hosting site and replace the URL with that of your hosted avatar image.

The orange section of code should be replaced by a longer description of your site. Just use plain text or links here (<a href="url_here">link text</a>), as other CSS properties may cause the section's appearance to be misaligned.

Once you've made any appropriate changes, preview to ensure all looks well then proceed to save your template.

Change the Fonts and Colors to Create your Unique Design!

As mentioned earlier, all of the colors and fonts for the headings/body text may be changed very easily in the Fonts and Colors section of your Blogger dashboard:

Simply go to Layout>Fonts and Colors in your dashboard, and click around to edit each property of your design.

Images, CSS and JavaScripts

All of the images, CSS files and JavaScripts used in this template are hosted on secure and reliable servers. You do not need to upload these to your own host.

Most of the CSS used in this design is included in the b:skin section of this template and may be edited as desired. In order to appear correctly in all browsers, a few imported CSS files are also referenced in the design. These files do not require alteration to affect any visual aspect of the design.

For anyone wishing to make changes to the images, CSS and scripts used in Nexus 5, feel free to download the following file:

Download Image, CSS and Scripts pack for Nexus 5

Credits and Licensing

This template is licensed under the Creative Commons Attribution License. If you use this template or offer this for download from your own site, please include a link back to www.BloggerBuster.com as attribution for this design and retain the author information within the template code.

In all other respects, feel free to customize and use this template for any of your blogging projects.

Nexus 5 was inspired by this tutorial by Enrique Ramirez which appears on Smashing Magazine and was coded for use as a Blogger template by myself.

The script for post summaries is based on this tutorial from Anshuldudeja.com, while the Featured Posts section is based on this script by BloggerTricks.com.

Icons used to highlight blog feeds and links in the "social" gadget are designed by Quake9 and are published under the Creative Commons Attribution License.

Your thoughts?

I hope you enjoy using Nexus 5 in your blogging projects! Please let me know your opinions of this template by leaving your comments below.

Grunged Girl Blogger Template

2009-11-01T07:38:00.000-08:00

Grunged Girl is created for blogger by Yuril. Its a 3 column template with a nice colour scheme and neat layout.

The template header is nice designed based on forest theme, except the girl, and the blog title and blog tagline appears in the middle of the header. Below it is a horizontal menu bar and on the left is an integrated search box.

The main column has the date stamp right on top followed by the post headline and below that is the author name and time stamp. Each headline has got a flower image on the side, which adds to the feel of the blog. The comments are placed at the end of the post, and there is also a Top icon on the side, so your readers can click on it and directly move to the top of the blog.

The two sidebars appear on the left and right of the main column. The left column has a subscribe icon, followed by the default Recent posts and Archives. Similarly the right sidebar has the default Recent Comments widget and labels, which you can modify to suit your needs.

Overall its a decent theme to use for a nature or a personal blog.

Download the Grunged Girl Blogger Template

Deep Blue blogger template

2009-11-01T07:13:00.000-08:00

View DEMO
Direct DOWNLOAD
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

4Shared Templates : Rainbow Garden - Seo Adsense Blog Templates

2009-11-01T06:16:00.000-08:00

Download 4Shared Templates : Rainbow Garden - Seo Adsense Blog Templates

iBlog blogger template

2009-11-01T06:13:00.000-08:00

View DEMO
Direct DOWNLOAD
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

4Shared Blogger Templates : Charcoal Adsense Ready Templates

2009-11-01T06:11:00.000-08:00

Download 4Shared Blogger Templates : Charcoal Adsense Ready Templates

Build Blogger Traffic with Blog Directories

2009-11-01T06:04:00.001-08:00

This article discusses the importance of listing your Blogger blog (Blogspot blog) in Blog Directories to increase traffic to your blog. Also included are some links to lists of popular blog directories.

If you are serious about increasing traffic to your Blogger blog (Blogspot Blog) make sure your blog is listed with some popular Blog Directories. Blog Directories can help with backlinks as it boosts your blog's standing to have a direct link from websites which have a good Google Page Ranking. Blog Catalog, for instance, has a very healthy Google Ranking of about 7 with the highest possible being 10. If you are not sure what the Google Page Ranking of a blog or website is you can look it up with this free tool from SEOChat

Some blog directories are better than others at referring traffic though so it does pay to do your research before you start. For instance some blog directories don't provide a backlink to your blog even though they require you to put a link to them on your blog. Keep this in mind when you are checking your site links to see if a backlink is being provided. (With Google Webmaster Tools you can look up all sites linking to your blog)

Don't get me wrong some blog directories are very good. I have found Blog Catalog which links under the various user defined tag in particular a good source of regular traffic. Top of Blogs also sends traffic my way for my niche blogs. On one blog I actually get more traffic from Blog Catalog than direct from Google.

Below are a couple of choice articles about Blogger and Blog Directories that will assist you with process of adding your Blogger blog to these directories and to discover more about how Blog Directories work and how they might be of benefit to you.

Blog Know How - Submit Your Blogger Blog to Blog Directories
This indepth article provides a list of recommended Blog Directories. It gives you good tips and down to earth advice about how to go about adding your Blogger blog to Blog Directories. Also covered is an outline of the benefits of adding your blog to Blog Directories.

Master New Media - Top 55 Best Blog Directory
If you just want a list of Blog Directories try this article from Master New Media for links to 55 Blog Directories.

4Shared Blogger Templates : DFire - Adsense Ready Templates

2009-11-01T06:04:00.000-08:00

Download 4Shared Blogger Templates : DFire - Adsense Ready Templates

Spiderman 3

2009-11-01T05:44:00.000-08:00

Download

Theme Name: Yuril
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com
Free Blog Template: Templates to download and install. Hacks, tips and links geared to Blogger.

4Shared Blogger Template : NiteLife

2009-11-01T05:43:00.000-08:00

Download
Blog Templates : Maz yuril

Theme Theme Name: Yuril
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

Free Blog Template : Templates to download and install. Hacks, tips and links geared to Blogger.

Notebook

2009-11-01T05:36:00.000-08:00

Live Demo

Download : Here

Author: Maz yuril

Author: http://topblog-template.blogspot.com

Category: Floral, Grunge, Personal pages

Properties: 2 Columns, Blue, Elegant, Fixed width, White, Yellow

Added: May 1st, 2009

Schemer Mag

2009-11-01T05:34:00.000-08:00

Live Demo

Download : Here

Instructions: Installation and settings

Author: Maz yuril

Author: http://topblog-template.blogspot.com

Category: Neutral

Properties: 3 Columns, Adaptation of Wordpress, Blue, Fixed width, Left sidebar, Magazine, Right sidebar, White

Magasin Cuatro

2009-11-01T05:31:00.000-08:00

Demo

Download : Here

Template name: Magasin Cuatro

Template Author: Maz yuril

Template: http://topblog-template.blogspot.com

Compatible BSP: Blogger

Best Viewed Browser: IE 8, Firefox RC3, Opera 9.6, Google Chrome 0.3.154.9, Safari 4 Public Beta

Column: 3

Feature included:

Unique magazine style design

728x15, 468x60, 160x600 Ads gadget

Navigation Menu

Twitter update section

Email Subscription button

125x125 Ads gadget

Flickr section

Magasin Seis

2009-11-01T05:28:00.000-08:00

Demo

Download : Here

Template name : Maz yuril

Template URL : http://topblog-template.blogspot.com

Template Converter: Falcon Hive

Compatible BSP: Blogger

Best Viewed Browser: IE 8, Firefox RC3, Opera 9.6, Google Chrome 0.3.154.9, Safari 4 Public Beta

Column: 2

Feature included:

Unique magazine style design

Smooth Gallery based Featured Content Section

468x15 Ads gadget

300x250 Ads gadget

TopNavigation Menu

Email Subscription button

Twitter update section

125x125 Ads gadget

Flickr section

Exotic Vacation

2009-11-01T05:26:00.000-08:00

Demo

Download

Template name: Maz yuril

Template Author URL: http://topblog-template.blogspot.com

Template Converter: Falcon Hive

Compatible BSP: Blogger

Best Viewed Browser: IE 8, Firefox RC3, Opera 9.6, Google Chrome 0.3.154.9, Safari 4 Public Beta

Column: 2

Feature included:

Unique travelling-based header and background design

Unique navigation menu design

Unique RSS subscribe button on the footer

ImpreZZ

2009-11-01T05:24:00.000-08:00

Online Demo | Downlod

Oh Blog-Ads Template

2009-11-01T05:21:00.000-08:00

Blog Oh Blog v2.0 is a very clean and useful new Blogger template. It’s been enhanced by eBlog Templates so it’s more functional and easier for you to setup! It comes with 3 columns and the following widgets. Recent Posts, Recent Comments, Search, RSS Feed, Link List, and tabbed navigation.

It’s easy to update the tabs once you install the template. Actually you won’t see any tabs when you first set it up. You’ll need to go into template edit mode and edit the “Top Tabs” page element. There you can create all the tabs you want. The “Home” tab gets automatically created after you setup your first tab.

Live Demo | Download

There’s also a header Ad html box which you can either remove or update with your own banner ad. It’s a perfect spot for a 468×60 banner such as Google adsense, etc. Once you edit the page element, the default Text Link Ads banner ad will go away.

The about box in the top right area is easy to edit as well. Just enter whatever text you want in the widget box.

Also, you’ll need to setup the Recent Posts and Comments widgets. Read this post for instructions on how to configure them.

Thanks to Blog Oh Blog for designing this template (originally for WordPress) and to Jacky Supid for converting it to the new xml Blogger template.

Greenpress

2009-11-01T05:20:00.000-08:00

Live Demo

Download : Here

Author: Maz yuril

Author: http://topblog-template.blogspot.com

Category: Neutral

Properties: 2 Columns, Blue, Elegant, Fixed width, Fresh, Gray, Green, Right sidebar, White

Gold Fish blogger template

2009-11-01T05:19:00.000-08:00

View DEMO
Direct DOWNLOAD
Author: Maz yuril
Author URI: http://topblog-template.blogspot.com

A "compact" button appears like this
A "modular" button appears like this:

Blog Template

4Shared Blogger Templates : Digg-Themes-Googleboy - Seo Adsense Ready

4Shared Blogger Templates : Tech Geek Onwebsite - Adsense Ready

4Shared Blogger Templates : Gothic Skyline - Seo Adsense

Design Studio Blogger Theme

4Shared Blogger Templates : Soft Blue Green - Adsense Ready

Creative by Nature Blogger Template

I Can Watch Movies, the 3D Blogger Theme

Cosmetic Girl Blogger Template

Flower Pink Border - blogger template

Free blogger, blogspot templates, Download Blogger Templates here

Aspire - Blogspot template

Blogger Free Template : Simple Box Reloaded Template

Traveling : Blogger Template

Gamezine (Cahaya Versions) : Blogger Template

Driftwood - free blogger blogspot template

Free blogger, blogspot templates

WingGirl : Blogger template

Plantilla Para Blogger Template

Magazeen : Blogger Template

Free Corporate Business Blogger Templates

Macro : Blogger Template

Blogger Tube a Super Video Blogging Template

Art Blogger Template

ImpreZZ : Blogger Template

Shades of Blue Blogger Template

4Shared Templates : Zinmag Chronicle - Seo Adsense Ready

4Shared Blogger Templates : Moo Magazine - Blogspot XML

Kenshin blogger template

Blogger Templates : Blue Sky - Adsense Ready Template

Photoplus + a New Photo Blogger Theme

Free Feedjit Live Traffic Feed for Blogger

Improved Label Gadgets - Now Supporting Label Clouds and More!

Blogger's Label Cloud

Customizing the Label Cloud

Choose which labels to display

Final Thoughts

Blogger Blogspot Guide to Meta Tags

Business Talk Blogger Layout

Tagnetic Poetry for Blogger?

3 Coloumn Dominated pink and chocolate colour,

Introducing GadgetsForBlogger.com

Featured Gadgets

Submit Your Own Gadgets

Regular Updates

See also...

Your Thoughts?

2Plus Blogger Template

Happy 10th Birthday Blogger!

Magzmo Press Magazine Release

Free Download Restaurant Blogger Template

Free Reflection Blogger Layout / Template

Dark Forest Template

Halloween Blogger Template Download

Free Template Blogspot : Mimoozha

Free Download Magasin Cuatro Blogger template

How to Create a Sitemap with Google Feed Control

Overview

Update - Easy install TOC/Sitemap Script for Blogger by Abu Farhan

How to create your sitemap with Google Feed Control

Generate your API key

Paste the template for your sitemap into a post page

Paste in your unique API key

Paste in the URLs and titles for your Label Feed URLS

Troubleshooting your FeedControl Sitemap

Adding extra content, and styling your sitemap

Final Thoughts

Showoff Template for Blogger

Hacks to Improve Navigation Blogger

Blue Mania Blogger Template

Popular Posts Gadget from Google Friend Connect

How to install your Friend Connect Popular Posts Gadget

Style the Recommendation List

Configure the Voting Buttons

Generate and add the JavaScript for your Gadget

Add the code for the Recommendation List

Add the code for your voting button on post pages

Using your Recommendation Gadget

What do you think?

Blogger Free Template : Emporium Template