Blogger Beta Templates

On this page you can find templates for Blogger Beta. Some of them are brand new, specially designed for Blogger Beta. Other ones are Blogger v2 oldies, that have been ported to Blogger Beta. You will find instructions on how to use the templates for your own blog. You can download the full XML-template, or, if you blog is filled with hacks and modifications, only the CSS-skin. A preview of all templates is provided as well. Enjoy!

Instructions
Always make a backup of your old template before uploading a new one.
The templates provided here are based on the most simple blog available: a header, posts, 1 sidebar, and a footer. The sidebar contains only a profile widget and an archives widget.

Some templates are available in 2 versions of the template that you can use: the XML-template, or the CSS-skin.
Some exist of 1 ZIP-file, containing all the stuff you need.

If you upload the XML-template to your blog, all your widgets will be lost. So if you plan to do this, it is best to open all the widgets, copy-paste the contents to a text file, and save it, so that you can add the widgets again after uploading the new template.
If you want to use your old template, but only want to change the skin, use the CSS-skin. Open your template in HTML-mode, and remove the skin-content, that is the part of the code between <b:skin> and </b:skin>, and replace it with the new skin.

Templates

The Hobbit


Get this template now!


Angel Or Evil


Get this template now!


Giraffe


Get this template now!

This is what people say:

LOUI$$ said...

Hans

thanks for sharing this,i now wondering how you put the underline for links in your blog?how you add this how where to add?css?please help me!thanks!

Hans said...

@Louis: hyperlinks are underlined by default in html. So if your hyperlinks are not underlined, it is because their is some css-definition in your template that tells the browser not to underline the links. This is done by the css property text-decoration. Open your template, look for link-definitions (they will look like a:link { blablabla }), and remove the line text-decoration:none;

Lyonel said...

hola hanz no hblo ingles esto es traducido pero me podrias pasar lo codigos de las 2 templates a mi mail te lo agradeceria mucho.

Lyonel said...

hello hanz I do not speak English this is translated but me podrias to pass the the 2 codes of templates to my mail you agradeceria much.

LOUI$$ said...

Thanks han,it's work!

ராசுக்குட்டி said...

Do u have any 3 column layouts for the beta blogger?

Anonymous said...

hi,

can you make a tutorial on how to put the "create a link" that i've just seen recently on your posts?

Gail said...

Thanks, Hans. The giraffe template works well and looks good.

Lyonel said...

Hans please sendme the templates code.

compuanimation3d@gmail.com

please the 2 templates.

Hans said...

@lyonel: please download the templates by right-clicking the link, and select save as... and make sure the downloaded file gets a .xml extension.

@gail: thanks!

@ ராசுக்குட்டி: I will add a 3 column template soon.

@anonymous: the "create a link" link is standard blogger, you can use it to add a link to my post on your own blog.

Anonymous said...

Wow wow! The "Angel or Evil" one is sooooooo cute! I love it! Thanks for sharing!!

Hans said...

Thank you!

TiogaRV said...
This post has been removed by the author.
Rose said...

Hans, I really like the angel and devil one. Merry Christmas!

Hans said...

Rose, merry xmas to you too!

Anonymous said...

Happy new year, Hans! I really like your help us with your templates&tricks for Blogger Beta!

-Hela

agloco said...

found your site tru google. been looking for beautiful blogger beta tempales and thanks ive found them here.. ill tehm soon my blog :)

http://myagloconetwork.blogspot.com

Hans said...

@Agloco: thanks!

PeterW said...

Hi Hans,
Loved Angel or Evil and adapted it for my blog 'the view from the CoffinEnd' http://coffinend.blogspot.com/
One small problem the blogtext goes right up to the page margin on the right hand side - whereas you have a margin of 2-3 characters. Can you suggest how I correct this?

PeterW said...

Got it sorted - hope you like my adaptation. Thanks

TRuLy said...

Heyy I really like your templates, but... do you have any with black and red or fucshia ?? hehe... I like black templates... :) PLeaseeeeeee

Thanks.

Ps: angel or devil is SSOOOOO CCUTEEEE!!!


Claudya said...

Hi Hans:
Would you ask to me please, how can i use (a xml editor for exemple), that let me see the preview of templates when i make changes on it? Thanks a lot...:D

Sumesh said...

hans, you said you will release a 3 column template soon. will you? please...

i am sure there are many others who would like a 3col template too. so would you consider it?

Regards,
Sumesh

HL said...

Hi Hans,

Thank you very much for all the work you've put into the site. I've just downloaded and applied the Giraffe template to my site - it's exactly what i've been looking for. Your instructions are very clear and helpful. I hope you benefit from your project as much as your readers do!

Dex said...

Thanks for this very informative blog Hans. I am very envious...LOL...seeing others page look so great. Hans can you give me some instruction in making my template wide enough to fit the whole screen? If you see on my page, the contents are concentrated in the middle. There are plenty space at both sides and I want to utilize that space. Please check my page at http://musicwindow.blogspot.com
so you can see what i mean. Thanks

Hans said...

@dex: the width of your #outer-wrapper is set to 898px. Increase it, or set it to 100% to cover the entire screen.

hussein said...

Hi Hans,

Is there a way to make The Hobbit feel the entire screen too?

hussein said...

I mean, FILL. Sorry about that.

Is there a way to make your Hobbit template FILL the entire width of the screen?

Ashwini said...

Hello Hans

Can you please posta tutorial on how to make new XMl templates that support the new blogger

Hans said...

@Ashwini: that is something I certainly plan to do! Please also visit Beautiful Beta Wiki to read more tutorials and to find great templates!

Taran said...

dear hans,
this is a great site. i got some info on how to add another sidebar.
could you tell me how i could get my right and left sidebars to stretch and be alongside the header (and the header between the two sidebars)rather than being below it.
here's the blog: www.tfjhp.blogspot.com

thanks a lot.
taran

Alex :) said...

Hi Hans, I use one of your Templates: Underwater. I found this very nice ... but since I installed IE7, I noticed that gives me trouble seeing. The template to 3 columns now has one .... very close aligned on the left. Before I had no problems with firefox, nor with IE6 .... how can I do?

My blog can be found at this address: http://amessageinablog.blogspot.com

liezmaya said...

Love it :)
Thanks Hans

Plato said...

Hans,

I removed blogger comments from my site and put Haloscan. Now having up loaded one of your widgets, it takes comments from some time ago. I would like to put bloggers comment back in. How would I do that.

See: Dialogos of Eide

gurnygob said...

Hi. I downloaded the under water template, it looks great. However I am trying to use expansible posts and can't get it to work. I have changed the html the same as i would with blogger, blogspot templates, but just cant get it to work. Is there something I am doing wrong, or cant this not be done with these templates.

New Simple Grey Blogger Template said...

thanks hans.

Cool Templates!

Renaissance:Emancipation of ME said...

ello..i dunno y i can't change my template...could u plz help me..?this is my blog url..
husnibaby.blogspot

gurnygob said...

angel or devil template is just what I have been looking for. Only one prob with it. I was wondering how to get rid of the little Yin and yang symbol in the link list widget.

alphaii said...

It's unable to link to the background and header images for the "Giraffe" template now. Did anyone back up the images?

Alizia said...

Hi there!
I've just downloaded the Angel and Evil template (thank you so much! ^^) and wondering:

- Should I add a link to this blog or something if I want to make use of the template?

- And, I tried changing font colors, but I couldn't. Isn't it allowed to touch anything on it? Or am I just playing dumb? :P

Anonymous said...

hello
thx. you done a great job. Design more templates.

http://romantic-friends.blogspot.com

Edam said...

Hans,

How do I get the comments to show up under the post on the main page? I am also using the "Denim" template, but they don't ahow.