CSS3 Theme | Free Blogger Template

Posted on September 1, 2010 by admin

CSS3 Theme is a free HTML5 and CSS3 theme which was originally designed by Jesper from jayj.dk. I’ve converted it into Blogger template.

CSS3 Theme Blogger Template by Blogger BitsAlthough the original theme uses HTML5 fully, I’ve just used some of HTML5 features { eg: navigation menu[nav], sidebar[aside] } in this Blogger version of it. Here are some features of this theme:-

  • Uses a lot of CSS3
  • Uses the Chunk custom webfont to headings (thanks to Kernest.com)
  • Drop-down navigation menu
  • Free to use
  • Cool design

The theme looks great in Safari, Chrome and Firefox except IE because of the CSS3 usage. Some of the CSS3 features like ‘transition’ property only can be viewed in Webkit browsers such as Google Chrome and Safari.

Continue reading →

Posted in CSS3, Templates | Tagged , , , | 32 Comments

Easiest way to embed custom CSS styles to your WordPress posts

Posted on August 28, 2010 by admin

Sometimes, you will have to use certain unique styles for specific posts in WordPress blogs. Of course, you can add it to main Stylesheet or  embed the CSS styles into the posts itself. But, by doing that you’re basically littering your stylesheet with unnecessary customizations!

Here is a simple way of adding custom CSS to a specific post, by using custom fields. I’ve used this method for my two previous posts: CSS3 Box Shadow effect and How to create rounded corners with CSS3?. Continue reading →

Posted in Wordpress | Tagged , , , | 1 Comment

CSS3 Box Shadow effect

Posted on August 22, 2010 by admin

Previously, I wrote a tutorial on creating rounded corners with the aid of CSS3. Today’s tutorial is on another great effect that can be achieved using a CSS3 property, box-shadow. This box-shadow property enables you to apply one or more drop-shadow effect to a box. And again, this effect is only supported in Firefox, Safari, Chrome, and Opera for now. Continue reading →

Posted in CSS3 | Tagged , , , , | 8 Comments

Uniqx Free Premium Blogger Template

Posted on August 11, 2010 by admin

Uniqx Blogger Template

Today, I’m releasing another free premium blogger template, Uniqx. Uniqx is a free premium blogger template with 2 columns, right sidebar, rounded corners, footer columns, custom fonts and abstract.

Continue reading →

Posted in Templates | Tagged | 17 Comments

Evening Walk Blogger Template

Posted on August 7, 2010 by admin

Evening Walk Blogger Template

Evening Walk is a free blogger template with 2 columns, right sidebar and comes with a classic look. It is a simple and excellent template for personal blogs. This template is cross-browser compatible.

Evening Walk Blogger Template

Continue reading →

Posted in Templates | Tagged , | 3 Comments

Pro Simplo Blogger Template

Posted on August 6, 2010 by admin

Pro Simplo Blogger Template

Today, I’m releasing the first Blogger template that I’ve created after moving to Bloggerbits, “Pro Simplo“. It is a 2-column, clean, three-column footer, blue-yellow template. I’ve used custom Web font, “Chunk” from Kernest.com for the post titles.

Pro Simplo post title font

Sadly, some of the CSS3 features like the rounded corners and text shadow effects are not visible in Internet Explorer.

Continue reading →

Posted in Templates | Tagged , | 25 Comments

14 Beautiful Minimalist Design Blogger Templates

Posted on August 4, 2010 by admin

14 Beautiful Minimalist Design Blogger Templates
Minimalist design blogger templates are becoming new trend lately as Bloggers nowadays started to understand the basic premise of blogging, a simple online diary or web log. This type of templates contains very few colours, limited graphics and hence giving more priority to the contents/text.

You’ll find a collection of 14 clean, simple, minimal Blogger templates below. I hope that this post would help you to find the template that you’re looking for.
Continue reading →

Posted in Templates | Tagged , , , | 5 Comments

How to create rounded corners with CSS3?

Posted on July 29, 2010 by admin

This tutorial is on creating rounded corners effect with the aid of CSS3. This effect is achieved using “border-radius” property and really saves our time which was wasted in creating round-edged border images in Photoshop and then being used in web designs. As I said in my previous post, this effect is only visible in latest versions of Mozilla Firefox, Chrome, Safari and Opera( for now). Here is a good news from Microsoft. Microsoft has announced CSS3 support in IE9. And, have a look at the update for CSS3 Border Radius property in IE9 Test Drive page.

Continue reading →

Posted in CSS3 | Tagged , , , | 7 Comments

CSS3 tutorials starting this week

Posted on July 28, 2010 by admin

I have no words to describe how am I amazed with CSS3. CSS3 definitely has revolutionized the designing world. With CSS3, we can create brilliant web effects without using images, Javascripts and also Flash for them. For example: rounded corners, box shadows, text shadow, Web fonts, gradients, RGBA, rotate, skew, animations, multi-column layout and a lot more.

CSS3 Effects

CSS3 is still under development and only supported by latest version of browsers like Mozilla Firefox, Google Chrome, Safari and Opera. Unfortunately, it is not supported in IE yet. But, this is not a big deal as most of the internet users are shifting from IE to other browsers.

CSS3 Cheat Sheets

Starting this week, I will be posting tutorials about some of the CSS3 effects which I know and usually use in my Blogger Templates with you. You can download the CSS3 cheat sheets which would be really useful when following my tutorials.

Other related posts

Posted in CSS3 | Tagged , , , | 6 Comments

30 stunning Blogger blog designs for your inspiration

Posted on July 25, 2010 by admin

Nowadays, we can spectate the birth of lot of Blogger blogs with great designs which are truly amazing and incomparable. It’s because, customizing blogger blogs is now easier than ever with user-friendly template codes and availability of uncountable designing tutorials in the web.

Although there are thousands of astonishing blogger templates, yet some bloggers tend to design stunning blogger templates for their blogs to make their blog unique and distinguishable apart from others. Here, I managed to create a compilation of 30 hand-picked fresh Blogger blog designs which would really inspire you to create your own.

Continue reading →

Posted in Inspiration | Tagged , | 15 Comments