Garland Theme Download - Available for Wordpress Theme and Blogger Template (Blogspot)
By Jacky Supit • Jul 6th, 2007 • Category: blogger templates
This theme is originally for Wordpress.com, Based on Themetastic for Drupal by Stefan Nagtegaal and Steven Wittens. For you Wordpress.com Users, it is already on your theme list under your Dashboard - Presentation. Please read more to find the download link
Template Info
Name: Garland
Column: 3
Blogging System: Wordpress, Blogger/Blogspot
Designed By: Stefan Nagtegaal and Steven Wittens. Originally for Wordpress.comClick on the Image Above, or click me to see the DEMO Blog.
This theme is originally for Wordpress.com, Based on Themetastic for Drupal by Stefan Nagtegaal and Steven Wittens. For you Wordpress.com Users, it is already on your theme list under your Dashboard - Presentation.
For you who use Wordpres on your self hosting, you can download this theme here.
GARLAND WORDPRESS THEME
DOWNLOAD HERE
And for you Blogger / Blogspot users, Now it’s available for you on xml.
Downloaded a total of 5554 times
Please let us know if the link is broken.
Next, if you meet or found a great site, or great theme or template but it’s not compatible with your blogging software. just tell us, we’ll try our best to provide it for you!
FAQ (Update each time readers submit new question)
Q : … Was wondering if you knew how I could add code to create “margin -border” above the “footer” text in centre - content, given your experience with this theme? I’m wanting to make a small distinction from text of last post or page. by David
A : Hi David,
I see that you use wordpress, it’s ok. you can add margin, border or whatever on your footer. i want to give 2 version of this,
1. put border-top above the footer. and of course you can add margin too if you want to.
here is the screenshot:

2. move all the footer out of the content section, and put it outside the white area. here is the screenshot:
Here is the how to:
- Add border onto your footer,

1. Go to your theme editor, open stylesheet file. (Wordpress Users only)
2. find this code:
#wrapper #container #footer {clear: both;color: #898989;float: none;margin: 4em 0 -3em;text-align: center;}
3. Replace with this code below:
#wrapper #container #footer {clear: both;color: #898989;float: none;margin: 4em 0 -3em;text-align: center;border-top: 1px solid #ccc; /*this add border above your footer, 1px is the line height, solid is the line style, #ccc is the color, change as your desired*/margin-top: 20px; /*actually this margin is not necessary i think, since it has been set on the line above (margin: 4em 0 -3em;) 4em is your top margin. i think border is enough*/}
4. save your theme by click on the Update File button (For Wordpress) and Save Template Button for blogger.
5. Refresh your blog. done
- Move the footer out of the white area

For Garland Wordpress Theme
1. Go to your theme editor, and open the footer file.
2. It should look pretty much like this:
</div><!-- end content -->
<span class="clear"></span>
<div id="footer"><a href="http://www.jackbook.com/2007/07/garland-wordpress-theme.html" >Garland Wordpress Theme</a> designed by <a href="http://acko.net/">Steven Wittens</a> and Stefan Nagtegaal.</div>
</div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->
<?php include (TEMPLATEPATH . '/sidebar2.php'); ?>
</div> <!-- /container --></div>
<!-- /layout -->
<?php do_action('wp_footer'); ?>
</body></html>
3. Change or replace all that with this code below:
</div><!-- end content -->
</div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->
<?php include (TEMPLATEPATH . '/sidebar2.php'); ?>
<span class="clear"></span>
<div id="footer"><a href="http://www.jackbook.com/2007/07/garland-wordpress-theme.html" >Garland Wordpress Theme</a> designed by <a href="http://acko.net/">Steven Wittens</a> and Stefan Nagtegaal.</div>
</div> <!-- /container --></div>
<!-- /layout -->
<?php do_action('wp_footer'); ?>
</body></html>
4. Save theme by click on the Update File button
5. Refresh your blog and done.
For Garland Blogger Template
1. Go to your HTML Editor on your dashboard
2. Find this code below:
<span class='clear'/> <!-- please respect our work, do not remove all this footer. thanks for using our template, keep visiting us on www.jackbook.com for more unique and funny template. thanks --><div id='footer'><b:section class='footer' id='footer'/> <a href='http://www.jackbook.com/2007/07/garland-wordpress-theme.html'>Garland Wordpress Theme</a> by <a href='http://acko.net/'>Steven Wittens</a> and Stefan Nagtegaal.</div> </div> </div></div></div> <div class='sidebar' id='sidebar-right'><b:section class='rightsidebar-content' id='rightsidebar-content1'><b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><b:widget id='LinkList1' locked='false' title='BlogRoll' type='LinkList'/><b:widget id='Feed1' locked='false' title='Jack Book' type='Feed'/></b:section></div> <span class='clear'/> </div> <!-- /container -->
3. Change or replace with this html code below:
<span class='clear'/>
</div> </div></div></div>
<div class='sidebar' id='sidebar-right'><b:section class='rightsidebar-content' id='rightsidebar-content1'><b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><b:widget id='LinkList1' locked='false' title='BlogRoll' type='LinkList'/><b:widget id='Feed1' locked='false' title='Jack Book' type='Feed'/></b:section></div>
<span class='clear'/>
<!-- please respect our work, do not remove all this footer. thanks for using our template, keep visiting us on www.jackbook.com for more unique and funny template. thanks --><div id='footer'><b:section class='footer' id='footer'/>
<a href='http://www.jackbook.com/2007/07/garland-wordpress-theme.html'>Garland Wordpress Theme</a> by <a href='http://acko.net/'>Steven Wittens</a> and Stefan Nagtegaal.</div>
</div> <!-- /container -->
4. Save the template
5. Refresh your blog, and Done
Q: How to Add Space between elements? by. David
A: To add or increase space between elements, you can use padding style on it.
As an example you own style, try to do this step:
1. find this code inside your stylesheet.
#wrapper #container #footer {clear: both;color: #898989;float: none;margin: 4em 0 -3em;text-align: center;border-top: 2px solid #0E13AA;}
2. Add a padding-top, so it become like this;
#wrapper #container #footer {clear: both;color: #898989;float: none;margin: 4em 0 -3em;text-align: center;border-top: 2px solid #0E13AA;padding-top: 10px; /*change the value as your desire*/}
3. save / update your file.
4. refresh your blog. and done
Imagine a box
padding-top: padding-top is your top space inside the box.
so padding-left, padding-right, padding-bottom
you can even set all of them in one line. so it format is like this
Padding: top-value-here right-value-here bottom-value-here left-value-here;
eg.
padding: 10px 0 10px 0; /* this will gives you padding-top: 10px, padding-right: 0; padding-bottom:10px, and padding-left:0; */
Margin-top: is the top space outside the box.
so margin-left, right and bottom.
the definition would be similar to the padding explanation above.
Q: Jack, it still looks crap in Internet Explorer…. by David
A: Oh.. I see. sorry i didn’t notice that you said it crap in Ie. well.. yes, Ie Sucks make people suick you know.
You need to add extra code to deal with Ie.
try this steps, please backup your theme first;
1. As usual, Go to your theme editor, open the Footer template.
2. Find this code (i know it doesn’t look like this below, but i’m sure you know what i mean)
<span class="clear"></span> <div id="footer"><font color="#7a279b">Esoterica Aborigenesis © Crowmanic • Theme: Garland by <a href="http://acko.net/">Steven Wittens</a> and Stefan Nagtegaal • Ported by <a href="http://incoherentbabble.com/2007/05/16/garland-for-wordpress-22/">Chris Meller</a></font></div> </div> <!-- /container --></div> <!-- /layout --> </body></html>
3. Change with this code below;
</div> <!-- /container --> <span class="clear"></span> <div id="footer"><font color="#7a279b">Esoterica Aborigenesis © Crowmanic • Theme: Garland by <a href="http://acko.net/">Steven Wittens</a> and Stefan Nagtegaal • Ported by <a href="http://incoherentbabble.com/2007/05/16/garland-for-wordpress-22/">Chris Meller</a></font></div> </div> <!-- /layout --> </body></html>
guess what’s changing ![]()
4. Save the file. and refresh your blog.
how is it now? does it work? Stop here if it works. done!
What? no? doesn’t work? ok, next step
5. still on the theme editor, open the Stylesheet file,
add this code below;
.clear:after {content: ".";display: block;height: 1px;clear: both;visibility: hidden;}.clear {display: inline-block;width: 100% !important;height: 1px;clear: both;}* html .clear {height: 1px;}.clear {display: block;}
6. Save the file. and do refresh your blog again.
Still not working? Next Step
7. find this code below, still under your stylesheet file
#wrapper #container #footer { clear: both; border-top: 2px solid #0E13AA; color: #898989; float: none; margin: 4em 0 -3em; text-align: center; padding: 6px 0 6px 0;}
Change with this new code below
#wrapper #container #footer { clear: both; border-top: 2px solid #0E13AA; color: #898989; float: none; margin: 4em 0 -3em; text-align: center; padding: 6px 0 6px 0; width: 100% !important;}
That’s the last try. hope it works! if it doesn’t work, please revert to the previous file before all this steps. and let us know the result
Oh, and don’t worry about don’t use our theme. it’s ok. glad if i can do help you David. you can add our blog to your blogroll if you think our site is useful
The garland wordpress theme above, is also ported by Chriss Miller, i just modify the background, and also convert the new version for blogger template.
ok, have a nice try
a little new added:
a message by our finance donor. thanksUsing garland wordpress theme in a business web site seems not so good an idea because of the sheer competition among the business community. The competition is as blooming as is seen among the business hosting providers. These service providers try to win the competition by coming up the cheap web hosting with all the features of a standard package. Some of them can even offer limited time domain name registration with extra features at no extra charges to pay such as extra storage space, and may sometimes overselling the domains.
Related Entries
- Clean Elegant Wordpress Theme
- Clean Elegant Blogger Template
- Fluid Solution - Wordpress Theme Converted to Blogger Template
- Wordpress Admin Themes Converted into Blogger Templates
- Yellow Box
- iPhone Template
About the post author:
Jacky Supit is The man behind the site. Do you have any questions, problems or anything about your blogger or wordpress? AskJack on TemplateForum.Org

I love this template a lot. yay! thanks man!
Yo Jack… good one on the Garland to WP port… though I’d already found a port/hack by Chris Meller just a few days ago… after many months of waiting/searching…
Was wondering if you knew how I could add code to create “margin -border” above the “footer” text in centre - content, given your experience with this theme? I’m wanting to make a small distinction from text of last post or page. Not experienced with syntax - code. My email for reply (if any) is dao.down “at” yahoo.com.au Thx, and all the best with your endeavours.
Hi David, thanks for your question. i will answer your question inside the post as an update.
thanks
Thanks for the help and tips… will be doing the hack later today, and let you know of the outcome… appreciate your advice and assistance with this matter…
Addendum: Well that’s now done…. your instructions were easy to follow… and expertly offered… you can view the changes on my page if you like.
One thought, how would I increase the “space” between the text and border above, and perhaps the same for below the text? at the moment it looks a bit “tight” between the border and bottom of browser/status bar. Maybe 6 “points” each side, top and bottom?
@David
Anwered under the post
Darn you’re good Jack!
Excellent… I’ll move into this after work today… speaking of which… I checked my changes on my Work PC, IE 7 browser…. guess what… the Footer looks lousy…. it is off to the left, does not show complete text/line, has no top “border… and overall looks very amateurish… yet in my Ff last night @ home, the changes were exactly as I liked… any clarification?
Hi David
Why it looks so amateurish, i think it’s because the line is just too long.
i think it would be better if you can do this
1. remove the top border. i think you don’t need that line, you have already moved it out of the white area right? so you don’t need any more separator there.
2. look at the words,
“Esoterica Aborigenesis © Crowmanic • Theme: Garland by Steven Wittens and Stefan Nagtegaal • Ported by Chris Meller”
It’s too long also, why don’t you cut it, i think this will look better.
“Garland by Steven Wittens and Stefan Nagtegaal
Ported by Chris Meller”
put “ported by Chris Meller on the second line”.
hopefully it helps.
thanks
Shouldn’t it “center”… in Firefox, it looks exactly as it should… in IE crap… the line doesn’t show anyway, and the text is to the left, starting part-way… not even at the beginning… I’m noting your suggestion as a remedy… but I am still unclear (in the dark) why the footer shows differently (unsuccessfully) in IE? Further to this I note that IE doesn’t recognise indentations, eg. on my “Sitemap” page, in Firefox, indent-dot pointed for sub pages and sub categories, in IE just one left aligned list, no matter relationship to “parent”? Strange behaviour, obviously an IE browser interpretation of css? Ff is my preferred browser and all view on mods and additions, occur within Ff… it’s not to I get to look in IE that I see what others must see… do you have any understanding of why this is? By the way, I appreciate all the time, effort and guidance you have given thus far, and I’m not even using your port! It’s just that I really do like Garland a lot, even use it on my WP.com blog… thx Jack
Ok thx Jack Boot… I gave your new suggestions a try, without much success, so I went back to having footer inside content with coding for top margin, padding and centring. This works for both IE and Firefox, so I’ll leave it at that I reckon. Have also added Jack Boot link to Garland with that of Chris Meller, in recognition for your own efforts. Thx mate, for all your assistance and time. Much appreciated and all the best with your endeavours and projects.
Thank you so much David, I really appreciate it. sorry if it doesn’t work for you. but you must believe that there is way to do that, it just you don’t find it yet. and i just can’t tell you how since i don’t have it a try my self.
I think i need to have it a try by my self first.
ok thanks once again David.
and good luck for you too.
hi…i cant change the favicon in the template…pls tell me how to change it
Hi Suril,
I have answered your question here: How to create favIcon.
thanks for asking this question.
hi..can u send me the xml file of blogging pro theme on suril_89@yahoo.com
thanks
Hi Suril,
I don’t know, but the links do work for me. is it your internet connection may be?
but ok, i’ll send it to you via your email anyway
thanks
Thank you for this theme!!
I have been searching it for 2 hours!!
Thank you :=)
G’day jack… I’m back seeking Garland advice… again!! B4 that may I say, Wow! a new look for Jack… very impressive.
Now, back to Garland… I thought everything was going along just dandy with my slightly hacked WP version of Garland, thx for your expert and helpful advice re previous exchanges, this site… now I’ve recently notice, by viewing in IE 7 at work site, that my r-h sidebar seems to “crumble” with the bottom 2 widgets “spreading” under the centre content column? This does not occur in Firefox.
The Error message in IE refers to a line between 115-120, depending on which single post item or page I’m reading, and more specifically cites Character 31 being “invalid”.
As a novice I’m not sure which template or CSS to scrutinise and locate… so again I turn to you for help if you’re willing and able? I have made another (temp) page for you to view that shows this problem, but any page or single post will show the problem in IE within my WP-blog/site…
http://daodownunder.com/testing-ie7/
With respect, David/Crowmanic
Hi David,
thanks. i’ve seen your site, and just figured that it’s not your theme nor your stylesheet.
it’s your widget content actually. please check your email, i’ll send the anwer to you. why i don’t answer here? because it has nothing to do with the design or anything.
very rox.
[…] Garland - Drupal’s default look copied to Blogger. Soothing to the eyes, isn’t it? […]
[…] Garland - Drupal’s default look copied to Blogger. Soothing to the eyes, isn’t it? […]
Hi Template is very nice. But it is not fine in IE. very good in firefox. i tried all changes suggested,,, but still not working. I like this template very much. very cool. I am requesting, someone please correct it repost for download. or send me to coiledguitar@gmail.com.
Thank you very much.
This is just the template i was looking for.
Thanks
Jack my man,
This is what I’ve looking for so long ! Finally I found it. Well it’s work fine both in IE or Firefox, but if you look to my site here you’ll find that on below comment (above my adsense page element) your footer is overwrite by my adsense page element, can you fix it ?
Secondly, when I try to add ‘worpress-style-comment’ in thi stemplate the problem occured asf :
- The page element can not be dragged and dropped in page element area
Again can you fix it ?
Thank you man…
hi BB,
you can wrap the footer with a div and give margin style on it. like this
thanks
Hi
you have a nice work here friend
come visit me on my site and foums
http://www.kfa7.com
http://www.rfe3.com
hi…
great post…
superb and thanks
[…] Garland - Drupal’s default look copied to Blogger. Soothing to the eyes, isn’t it? […]
How can I add an RSS feed to the Garland theme for Wordpress?
sorry, what were you trying to say?
you can add it through your widget control panel right?
thanks
What I was saying is that in many themes, there’s an icon for an RSS feed near the top of the theme - in the header or in the sidebar. Garland doesn’t have that. I added the RSS widget through WP 2.3.1’s Widget tab, but it does not show up in the sidebar.
Finally, I figured out a way to add a link to the RSS feed in the top of the content.
Nice template. I’m using it on my blogger blog but there is a problem with the forms on my sidebars. I have a search and and email subscription form on my sidebars but I cant click on the input boxes and enter text on IE6. They work fine on Firefox though. I don’t know but it looks like a css problem…
It’s funny. When I click many times the input box on the right sidebar, it selects the whole text on the first post
Hi Jack,
I was wondering how to make “About Us” and “Contact Us” active in Garland for Blogger. When I click them in Template –> Page Elements In the Blogger :: Edit Layout, nothing happens.
Can you show me how to do it in the HTML?
Thanks,
Mike
Hello!
I love this theme very much.But I am using Z-blog,not WordPress.So I Transplant it to Z-blog some weeks before.
Can I offer it to others who are also using Z-blog?
Thanks,
LiGht
nice cunt
…
…
[…] As the site design is still very new, I thought it was time to start editing this great Garland Wordpress theme. […]
[…] Garland - Drupal’s default look copied to Blogger. Soothing to the eyes, isn’t it? […]
[…] Garland - Drupal’s default look copied to Blogger. Soothing to the eyes, isn’t it? […]
Hi Jack, nice looking template, I tried it and it looks really nice, but before I can commit it I need to know if and how I can change two things:
1. Enlarge the font size or at least be able to separate the “Older Posts”, “Newer Posts” & “Home” links at the footer of the page. They are condensed next to eachother and can be easily missed.
2. Be able to do select expandable posts. Some of my posts can be long.
I am sure many of the readers and users of this template would like to know how to do this as well. Would appreciate if you could explain if its possible and how to do it on Blogger.
Thanks!
hi aymarius
what’s your blog url? so i can check it
thanks
Here it is http://arabaquarius.blogspot.com/
After you click “Older Posts” in the first page, the subsequent pages have ‘older posts’ ‘newer posts’ ‘home’, right next to each other.
Oh, another thing I forgot to ask about. It does not display ads (adsense) between posts. (I click EDIT on the Blog Posts page element and choose to display adsense ads between posts but it just doesnt work. Even when I delete the other ads (to make sure only 3 in the page). Why is that? On my previous (blogger stretch) template it was fine.
Thanx
Thank you very much about this template.
I think it’s a perfect as design , and as viewing , soft and beautiful colors.
Again me , give me the code for a simple search my blog.I added google and yahoo custom search in my blog , but i don’t like it , give me the hack , cause i have too many posts.Thank you.
Sorry again , i found a very simple script.Once more your template is absolutely brilliant.
hi cool tool
you can read more about how to create a search form on blogger here.
thanks
The sidebars on my blogger site do not show in Internet Explorer.
But yours does!
How do I fix this?
http://widgetsforfree.blogspot.com
i’ll check it later after i get back to my own pc John
i’m on my friends pc right now.
please remind me later if i miss it
thanks
Jacky , i have a question.
I must have “random article” or “random post” script for my blog.
My blog is about tourist destinations , i have more than 300 and counting articles , so my idea is to make my blog more interactive.
Well , the problem is i use “Label Cloud” script , and i am not sure will this script work.
What you can recommend me , because this is your template and you know better than anyone else.
Thank you in advance.
hi Cool Tool
you can use this trick to get a random post
thanks
I did it , Jacky , and i even use image instead of text , thank you very much!
[…] 33) Garland 3 Colunas Blogger Template […]
[…] Garland - Drupal’s default look copied to Blogger. Soothing to the eyes, isn’t it? […]
Cheapest tramadol….
Buy tramadol. Cod overnight tramadol. Tramadol hcl 50mg. Tramadol….
[…] Garland - Drupal’s default look copied to Blogger. Soothing to the eyes, isn’t it? […]
Hi, I have a question.
I’m using your Garland template in blogger. I’ve noticed that now when I want to add the Blogger’s Adsense widget, the colour’s palette is not visualized properly.
The same problem is when I go to layout->colors…
Is this a bug of this template. Can you fix that?
Tnx
I love this theme, but for some reason I can’t get the add comments link to work - so no one can leave comments on my page. I’ve tried numerous times to toggle the Blogger settings which turn comments on and off but nothing seems to work. Also, the Labels field is always on and I can’t turn it off.
Any help would be appreciated.
Thanks
My bad (or google’s, not sure). The data.allowComments variable seems to be stuck on false for my blog. I’ve commented out the if(allowComments) and it all seems to work now.
Could you pls tell me how to add color picker code and change side bar header font size in garland blogspot template?
[…] Garland - Um azul leve, com um efeito de transparência. Com certeza você já viu um maluco usando-o. […]
[…] Garland - Drupal’s default look copied to Blogger. Soothing to the eyes, isn’t it? […]
ciao
I want to know if this website http://www.elespectador.com is made with your garland template. thx a lot
Hi - i love the template so far. but how do i get the “about us” and “contact us” to be active?
Hi !
I use this template but i have a problem : I can’t add page element on the left sidebar.When i acces the Page Elements Menu , it showes me that i can add page element only on the left sidebar :(( Can somebody help me?
Srry !! I mean ” I can’t add page element on the RIGHT sidebar “
this is crap!!! if u could put loads of themes for xp windows it would b bare good n all people would download it!
yeah so if u would do that then it would b excelent… i guess u’ll do that… will u?…please?…pretty please?… fanx…see ya…bye… 
[…] Demo | Visit and Download […]
Thanks for so many great templates for hot videos sites like the mine having bollywood videos.
Please, is this theme fully compatible with Wordpress 2.5?
Very very thank you.
[…] and main website, so that is at least a big step in the right direction. Tremendous thank you to JackBook.com for having the Garland Wordpress Theme for download so I could set it up in my blogs. I had found […]
Hi. I’m currently using this template cause I love that you can change the color depending on your mood. However, when I uploaded it in my own site (http://edcel.net), I can’t seem to find the wheel so I can change the color. What would appear in the Color Customizer tab would just be the boxes where you can change the html color code, when I tried to save my new set of colors, it would just revert back to the default. Again, I can’t see the color wheel. Please help me as I love this template.
[…] I was searching for this Garland theme because that’s what my previous free wordpress account had as the theme. I found this one […]