2010-05-16: Currently working on a new Blogger Template, based on the YUI Foundation.
See Blogger + YUI =!
Here and here are 2 working examples.
thurbroederstemplates.blogspot.com
I started pottering some Blogger templates again … a few months ago.
I hope this all is not to confusing! There is a post here (on this blog) for every template: see the Tag Archive “Blogger Templates”! Apart from that every template has it’s own BlogSpot HomePage. Click the images below to visit them … and find all details and necessary instructions.
There’s also a Blogspot Templates HomePage … yes yes, I know, it is weird … .
Click the image above for the HomePage of Blogger Template tb20090321 v1.0.
The Boxes and the Header Image corners are defined using the CSS Border-Radius properties!
Mind you: not all browsers are supporting these Rounded Corners! So everything looks pretty cool in Firefox, Safari and Chrome … but the corners are simply denied by MIE and Opera.
Click the image above for the HomePage of Blogger Template tb20090324 v1.0 – The Grail.
The Rounded Corners are not CSS3 border-radius defined – nor depending on Javascript – but hand-crafted, so they do work in ALL browsers.
Click the image above for the HomePage of Blogger Template tb20090327 v1.0 – The 2th Grail.
A mix between the 21 and 24, so a ‘Grail’ with a Double Right Sidebar.
Again: the Rounded Corners are not CSS3 border-radius defined – nor depending on Javascript – but hand-crafted, so they do work in ALL browsers.
Click the image above for the HomePage of Blogger Template tb20090402 v1.0 – The White Grail.
No Rounded Corners here!
Click the image above for the HomePage of Blogger Template tb20090402 v1.0 – The 2th White Grail.
A ‘White Grail’ with a double sidebar.
No Rounded Corners!
You can leave a response or trackback from your own site.
29 Comments
Thur on 23 June 2009
Hi Tony,
Yes. Look in the css part for #header-inner and add this code ‘height:999px;‘ where 999 is of course your own choice.
Regards, Thur
tony sheng on 24 June 2009
Hi Thur — thanks so much. I think I got it to work in another manner as well, but that is great to know. Thanks for your work on this template – I love it.
Appreciate it !
Thur on 24 June 2009
Hi Tony,
Yep, I’ve visited your pages. Very nice.
But it is a pity your header images are wider then the container itself (I think).
What you can do:
search for your code
document.write(‘<img style=”border: 0;” src=”‘ + banner[random] + ‘”>’);
and add width=”950px” here:
document.write(‘<img width=”950px” style=”border: 0;” src=”‘ + banner[random] + ‘”>’);
This way the header images are fitting.
You could give it a try!
Regards,
Thur
tony sheng on 24 June 2009
thanks Thur! I put that in and you are right, it looks a lot cleaner. thanks so much for the advice and for making the template available. i love the way it looks. much appreciated!!
Jacqueline on 6 December 2009
Ik hou van jouw template, ziet er zo gelikt uit maar toch overzichtelijk!
Vind mijn template ook gaaf, maar wel lastig dat de pagina uitrekt naarmate er meer tekst opstaat. Zou het fijn vinden als er een ‘lees meer’ knop kwam, maar zo’n held ben ik er dan ook weer niet mee.
WordPress heeft volgens mij sowieso honderden handige gadgets, maar al dat uitzoekwerk.. Pff..
Joe Citizen on 8 March 2010
Another great template Thur, but I have what appears to be a “video has moved” image behind the header. Any ideas?
Joe Citizen on 8 March 2010
and I forgot… the blog never stops “working” as if there is something running continuously in the background and I’ve not been able to track down whats happening. I hope its related to the first question so we can kill 2 birds with one stone. Thanks.
Thur on 8 March 2010
Hey Joe,
Are you still facing these mentioned problems?
When I look at your blog (MIE, Firefox, Opera, Safari, Chrome) I see no “video has moved” and the whole page is quickly and completely rendered.
Regards,
Thur.
Joe Citizen on 9 March 2010
Thur – Sorry it took so long to send this comment because I wanted to post that the issues I was having were my own doing. The video moved box in the background was due to a partial link to my photobucket account. For whatever reason, I did not remove all of a link while I was playing around with the template adding pictures and videos and such.
I’m still having the issue with rendering but only when I’m using Opera. I guess there is some kind of conflict so I’ll just use the FF to blog with and everything will be fine.
Thanks again Thur, and have a great day.
Joe Citizen on 9 March 2010
Which line of code determines what name shows up on the browser tabs when you pull up the blog? My tabs all say “Political Mishmash”. I’d like to remove the “”.
Thur on 9 March 2010
Hey Joe,
Your tabs now all say <title>Political Mishmash
Because your code says:
<title>
<title>Political Mishmash</title>
</title>
So you doubled the <title> tags!
About the Opera thing: you are right. Strange … this happens only with the White Grail templates, not with the others. (And it happens to many other Blogger templates as well, I noticed. Indeed only in Opera.) I will have a look at that, I promise!
Regards,
Thur
Joe Citizen on 10 March 2010
I’m not complaining Thur. I love the template. It’s been a long time since I’ve messed with any of this so I’m a little rusty and spotting the errors is kind of tough. A few years ago I traded my hacked Minima 3 column template for your original DownRight which served me well so you were the first person I thought of when I decided to start blogging again.
Cheers
Thur on 11 March 2010
Hey Joe,
I found it:
Look in your template for this line of code:
h1.title {padding:10px 0;background:transparent url(http://yoururl/titlebg50.png) repeat 0 0;font-size:3em;font-weight:normal;color:#1e34e1;}
Delete the http://yoururl/titlebg50.png :
h1.title {padding:10px 0;background:transparent url() repeat 0 0;font-size:3em;font-weight:normal;color:#1e34e1;}
That’s it. Obviously OPERA keeps looking for that non-existent image.
I will update the templates!
And thank you very much for pointing this out.
Regards,
Thur
Joe Citizen on 12 March 2010
Fix for Orera works like a champ, but I’m in flavicon hell though.
When I add this:
/favicon.ico’ rel=’icon’/>
I get this message:
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity “current” must end with the ‘;’ delimiter.
Joe Citizen on 12 March 2010
oops – well I did what the directions said and I get the following message:
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity “current” must end with the ‘;’ delimiter.
Maybe its the photobucket code?
Thur on 13 March 2010
Hey Joe,
Yep, the OPERA fix should work :-)
About the other thing:
the correct syntax is <link href=’http://***/favicon.ico’ rel=’icon’/>
Allready in the template.
If you have the error message “Your template could not be parsed as it is not well-formed.” look through the newly added code carefully. Blogger is very very strict with the XML code.
I cannot help you here because I can’t see your XML template.
Regards,
Thur
Online on 27 March 2010
Hi Thur,
Thank you for the great template.
Can you assist me with expanding the template dimensions. If the sidebars can be pushed to the end of the screen it would be nice.
Thanks.
Thur on 27 March 2010
Hi,
Do you want to simply expand the middle (post) section?
Or do you want the sidebars always to the end: meaning a FLUID/FLEXIBLE design?
Hmmm … that’s a nice idea … but it’ll take some time!
Regards.
Kiran on 10 April 2010
Hi Thur,
Let me congratulate you on excellent templates. I have been using the Downright blogger theme v1.4 for quite a few years now and I absolutely love it. Simple, minimal and uncluttered – more importantly; it is fluid width!
I am interested in using the White Grail for another of my Blogspot blogs. Is there a fluid-width version of White Grail available?
Thur on 11 April 2010
Hi Kiran,
Thank you for your kind words.
About making The White Grail fluid/flexible: I am working on that!
Regards.
Kiran on 12 April 2010
Ah .. ok .. that’s great news Thur. Is there any feed that I can subscribe to which’l let me know when the fuild 3-column version of White Grail is releases?
Lida on 14 April 2010
Hello Thur,
I am looking for this template
http://territoiredessens.blogspot.com/
I know it is the Minima, you have added a third column and made the width 960.
Do you have this a template I can download rather then me tweaking the code.
Many thanks.
Lida
Online on 16 April 2010
Hi Thur,
I do not understand HTML/CSS coding, fluid/flexible and other stuff.
I am a big fan of your downright blogger template. Though this new White Grail Template exceeds all of my requirments, i wanted to know in case if the template can be modified to look a bit bigger in width.
In case if it is possible can you look at the link below,
http://onlinemf.blogspot.com/2008/12/do-not-go-chasing-ads-listen-to-your.html and identify the problem.
Thanks.
Thur on 18 April 2010
@Kiran, when I have a fluid 3-column version of White Grail ready I will mail you.
@Lida, I have found that (old) template: minima-white-3col-w960.xml!
Save it by Right-Click and ‘Save Link As …’.
This is the one originally used for Le territoire des sens, which is an incredibly beautiful blog, btw.
@Online, it is very easy to modify the width (static, not flexible, that is). If you want it a bit wider, I’ll show you. Please let me know some figures.
Regards,
Thur
online on 22 May 2010
Hi Thur,
Sorry to bother you regularly. However, i would be really nice in case if you are able to provide me with a broader version of white grail template. kindly visit my site and you will come to know what do i mean by that. Many of the posts are overlapped and hidden due to short lenght of the template.
Thanks,
Online.
Thur on 22 May 2010
@Online,
(I have mailed this to your gmail account.)
I have stretched the total width with 120px.
See OnlineMF.tmp.
Look in the source and update your code,
everything between
/* 2010-05-22 – BEGIN */
and
/* 2010-05-22 – END */
So you only have to alter some css code, no hassle with loosing widgets or whatever.
Is this what you needed?
Kind regards,
Thur
Online on 30 May 2010
Thur,
Yes, exatcly what i wanted.
However, can you resend the mail to the above listed email id. I propably listed it wrong last time.
Thanks a lot.
Leave your response!
Get your own Globally Recognized Avatar at Gravatar.
tony sheng on 23 June 2009
hey there – love the white grail template. quick question – is there a way to adjust the height of the header image? thanks so much!