posted under blogger templates gallery by admin

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 14746 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. thanks

Using 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.