Friday 4 April 2008

54 Inspiring and Original Blogger Designs

When I begin devising a new Blogger template design, the first thing I do is look for inspiration. CSS galleries and design showcases are among the first places I visit to be inspired, but one thing I have noticed is that there are rarely any Blogger powered designs on show!

So over the past few weeks, I've been searching for the best Blogger powered web designs to provide a source of inspiration particularly for those who use Google's Blogger platform.

In this article you will see 54 unique and inspiring Blogger powered designs: some of these seem based on generic/free templates, while others are so far from the generic norm that it was difficult to believe these are powered by Blogger at all!

For your visual pleasure, here are these 54 excellent Blogger powered designs, organized by category. I hope you enjoy looking through these designs as much as I did finding them!






My Favorite Five

These designs are my absolute favorites of the bunch, whose designers should be particularly proud of the excellent overall appearance and functionality of their blogs:


Woork Design and JavaScript

Woork

Woork

Can you believe this site is powered by Blogger? Woork is a magnificent design, and the content is truly awesome! I was glad to have found this site to be able to subscribe and read these great posts, not to mention the inspirational design this is packaged in...


La Blogueria Blogger Design

La Blogueria

La Blogueria

This monochrome design is truly stunning in every way. SO much work has gone into making every aspect of this design fit with the main theme. Just take a look at the animations and mouseover effects. And don't forget to take a look at the camera-phone in the top left of the screen...


Lawrie Malen Flash Blogger Template

Lawrie Malen

Lawrie Malen

This mere screenshot cannot possibly give justice to Lawrie's fabulous design. This one really takes my breath away...

Powered by Flash (yes, I did say flash!), this unique Blogger design is truly inspirational. I have never seen a blog quite like this before, much less one which utilizes Google Blogger!


Uptime Studio Photo Showcase Blog

Uptime Studio

Uptime Studio

This site is a fabulous example of how Blogger may be used as a CMS (content management system).

This charitable photography site has been featured in many CSS galleries and uses W3C valid HTML markup. The slideshows are truly stunning and contribute to the overall make up of this beautifully designed site.


Kokogiak Web 2.0 Blog

Kokogiak

Kokogiak

Kokogiak's design uses so many different functions, including show/hide div animations, Google maps integration, site search... It's wonderfully laid out and one of my favorite ever designs in terms of functionality and a joy to navigate.


Clean/Simple Layouts

This section features designs which are clean, simple and well laid out.


 Reddit by the guy who created the alien

Reddit All

RedditAll

This is the personal blog of Alexis Ohanian (who designed the Reddit alien logo).


Metamorf

Metamorf

Metamorf

I love the rounded corners and subtle color scheme at play here. It's such a pity the author decided not to continue using this blog...


Why Don't You Blog

Why Don't You Blog

Why Don't You Blog

Simple, yet so effective.


Twitter Blog

Twitter Blog

Never underestimate the power of a simple header image combined with striking images in posts!


Infinite Thinking Machine Educational Resource

Infinite Thinking Machine

Infinite Thinking Machine

This clean layout perfectly enhances the educational content of this resource site.


Meta Microcosmos by Yo Misma

Meta Microcosmos

Meta Microcosmos

For me, this design sums up the process of "blogging as journalling". Despite the clean simplicity, there is still excellent attention to detail. Look in the top right hand corner while the page is loading for an example...


Gem @ Blog

Gem @ Blog

It's so easy to find your way around this clean design. The label cloud at the top of the page makes it easy to understand what this blog is all about, while the static link to the top of the page (bottom right) is a touch of classy usability.


Dev Blog Zone

Dev Blog Zone

A clean and professional layout which fits perfectly with the theme of code and development explored through the articles presented here.


Chase Jarvis Photography Blog

ChaseJarvis

ChaseJarvis

Chase Jarvis' blog was recently featured in Blogger's Blogs of Note. I love how the pale design perfectly sets off the photography and images in the posts. It's well integrated into Chase's complete website, so you can barely tell you are leaving Blogger hosting when clicking on the tabs in the navigation section.


Ficcionalista!

Ficcionalista!

I adore the beautiful simplicity of this design. It's so clean and uncluttered, and the placement of every element seems so well thought out.



Dark Designs

In contrast to the previous set, these designs use darker color schemes to great stylistic effect.


Iran Grafitti

Iran Graffiti and Urban Art Report

Iran Graffiti and Urban Art Report

This is a really unusual design, utilizing expandable DIV sections for different areas of the blog. Iran Graffiti showcases urban art caught on camera in Tehran. It really is worth a visit to see some of the stunning designs featured in this blog.


Fonsite

Fonsite

Fonsite

This striking design makes great use of PNG transparency and even renders correctly in Internet Explorer.


Black Zedd Basic Literature

Black Zedd Basic Literature

A cynically corporate design (you'd need to read this blog to discover why...) which is pulled off beautifully! The drop down menu and scrolling news ticker really add to the depth of this design.


Second Life First Person

Second Life First Person

Second Life First Person

I always love to see how people use the Blogger templates I provide here at Blogger Buster, and this customization is truly an excellent example of what can be achieved with a little imagination!



Feminine Designs

This set of Blogger powered designs are feminine, girly and inspired by women's interests (candy colored inspiration for all the lady bloggers!)


Flair in the City Fashion and Shopping

Flair in the City

Flair in the City

I've always admired Angel's Blogger powered design which was originally based on one of Jackbook's Wordpress conversions (though you really can't tell at all which one this was!). Every element of this blog is styled to pretty perfection with an excellent choice of color scheme which really sets of the great content. If only all fashion blogs were so well designed...


Xiaxue's Blog

Xiaxue

Xiaxue's blog is beautifully designed and is such a great presentation of her personality!


I'm Just A Blogger

I'm Just a Blogger

This is such a unique and feminine design. The styling in the header is reflected throughout the template, and the bright colors complement the author's personality in vivid technicolor.


Homeschool Diaries Blogger Design

Homeschool Diaries

Homeschool Diaries

A lighthearted design makes this homeschooling blog a fabulous place to learn of this mommy's experiences.


Hip Mama's Place

Hip Mama's Place

This "Mommy Blog" is dedicated to fashionable mummies and their trendy offspring.


Girly Up The Web

Girly Up The Web

A couture designers guide to business, life and all things girly.


A Woman In Full

A Woman In Full

This design is truly a work of art. It seems inspired by 1950's style movie posters and is very eye-catching!


A Mere Trifle, My Dear!

A Mere Trifle, My Dear!

Although this is quite a busy design, I love the overall theme of nostalgia: everything is drawn together, from the flock style wallpaper to post images and sidebar icons.


Immoral Matriach

Immoral Matriach

An eclectic combination of old meets new in this striking personal blog design.


Musicians/Artists/Photographers

This section showcases some of the best Blogger powered designs written by musicians, artists and photographers.


Throw The Fight

Throw The Fight

Throw The Fight

This blog utilizes flash, YouTube and other stylish elements in such a great way! Blog posts provide news to fans of the band, another great example of how Blogger may be utilized as a CMS.


Jupiter One Blog Design

Jupiter One

Jupiter One

Here again, flash is used in the header section to provide fast loading background music.


Dangerous Muse Blogspot Blog

Dangerous Muse

Dangerous Muse

I love the effectiveness of this simple design, especially the huge "dates" which overlay the actual posting date.


Project 100 Animals

Project 100 Animals

Project 100 Animals

The simple backdrop is the perfect canvas to highlight the beautiful artwork showcased here.


Tehran Walls

Tehran Walls

A striking design showcasing urban street art in Iran.


Mid East Collective

Mid East Collective

A striking, graffiti style header combined with ultra bright colors in the sidebar creates an eclectic mix.


Il Disegno

Il Disegno

A Manga-inspired blog about design, with intricate attention to detail.


Fabrizio Fareze

Fabrizio Fareze

An excellent showcase of photography is perfectly enhanced by the Polaroid styling of each individual post.


Alberto Montt

Alberto Montt

Here again we see how a simple clean layout can perfectly set off such beautiful artwork. Each post is so well designed with each image framed and styled so well.



Miscellaneous Designs

A final collection of Blogger powered designs which were difficult to categorize. All are excellent and inspiring in some way.


ts0 Screenshot

ts0

ts0

Thom Shannon's blog screams simplicity, yet is so aesthetically pleasing in structure and form.


Obviously (The Obvious Blog)

Obviously

This is the official blog of Obvious, the company behind Twitter. I love the parchment style background combined with the striking red logo.


The Odeo Blog

Odeo Blog

Odeo Blog

Slick and usable, this blog is branded with Odeo's striking logo and fits perfectly with the main site's theme.


CrazyBob.org

CrazyBob.org

CrazyBob.org

This design is so sleek and modern, it seems to ooze professionalism.


Grape Digging Sharon Fruits

Grape Digging Sharon Fruits

This design really breaks convention! It's almost as though the blog posts are printed as a label on the jam-jar!


Spoiler-TV

Spoiler TV

This is just one in a series of interlinked "Spoiler TV" blogs written by Dark UFO. It's really hard to tell that these blogs are hosted by Blogger, especially with the attention to detail, the use of DOM tabs in the sidebar (which change to display recent posts, feeds, stats, translations and so on) and the slick menu bars.


Mi-Microcosmos

Mi-Microcosmos

Another stunning design by Yo Misma which encompasses the personality of this creative blogger in both background and attention to detail.


World United Bloggers

World United Bloggers

A collaboration of bloggers from all corners of the world whose message is clearly employed in the striking header. Navigation is simple and well styled, while the sidebar sections are well organized and easily distinguished from the main content.


Ask The Admin

Ask The Admin

This blog has so much personality! Throughout the design and blog posts are funny illustrations, cartoons and such which perfectly enhance the theme of "geeky humor".


Los Malditos Samurias de Gallaecia

Los Malditos Samurias de Gallaecia

For me, this Blogger powered design is Eastern inspired bliss! I love the way even each post title is styled according to the theme; blog authors have their portraits framed in the sidebar and the header is just... amazing!


Mike Durrett Confidential

Mike Durrett Confidential

The style of this humor blog reminds me of Presidential campaigns, though everything on this site feeld as though it's been placed in the correct area. Even the images and quotes in posts are positioned well.


Inzitan Blog

Inzitan Blog

This blog is based on the Magic Paper template, but with a little adaptation this becomes so much more beautiful. By adding the image of the little girl and the flash functionality to the header section, the author has really made this template come alive.


Tech In-Law

Tech In-Law

Tech In-Law

Here is another Blogger powered design based on an existing template. The unique header design goes a long way to explain for the casual visitor exactly what this blog is all about, while the clean content section is easy to navigate.


Fresh

Fresh

The title of this blog sums up the design completely. Featuring a cool color scheme and no clutter whatsoever, this is a breath of fresh air.


Awful Announcing

Awful Announcing

One of the things I love most about this design is that even the ads complement the general theme! The over-sized navigation buttons near the header set this apart from others of a similar design.


Basic Instructions

Basic Instructions

Scott Meyer's cartoons are brought to life online in this hilarious blog! Each post is a self-contained and perfectly crafted piece of art which will have you rolling on the floor in laughter! This design is mostly monochrome, with the only elements of color appearing in the footer section as links to Meyer's other sites.


iseen

The iseen blog. unsaturated!

the iseen blog

Vahagn Mkrtchyan's blog is a creative visual resource about art, design, architecture, photography and more. Each post is almost a work of art in itself, stylized perfectly to match the overall theme of rounded corners, use of color and general style.



Final Thoughts...

While writing this post, I came across even more excellent designs and had to delay publishing so I could include these too! I know there are many more excellent Blogger powered designs to be discovered and would love to follow up this article with another in the near future. So if you are especially proud of your own Blogger powered design (or know of another blogger's work you would like to see showcased here), feel free to drop me a line or leave a comment below.

If you have enjoyed this post please consider adding this to your favorite social bookmarking service, or subscribe to the feed and receive free updates of new Blogger related articles as they are posted. As always, I would really appreciate your comments and opinions, so feel free to let me know what you think by leaving your comments below.



No comments:

Post a Comment