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.
12 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
Leave your response!
Get your own Globally Recognized Avatar at Gravatar.
Recent Posts
- Electric LadyLand …
- IFFR 2010
- muziekfilmpjes (3)
- Kataude Mashin Gâru
- Cherry Bomb(s)
- l’architecture du son
- Mir ist kalt, so kalt …
- DVD Tip: True Blood
- Blog Tip: retro vintage modern hi-fi
- YouTube oogst 2010 week 01…
- Coeur de Pirate
- Een (verlate) Kerstattentie …
- BlogTip: this wheel’s on fire
- AVATAR … ik zou maar gaan kijken …
- Blog Tip: M! o.m., boerenkool en botox
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!