January 31, 2012

Blank 3-Column Template

This template is a blank template, meaning there is no background image, no header, no designs on the blog. The template, however, has been modified to allow for 3 columns. My free 3-column backgrounds can be used with this template.

By using this template, you agree to the terms of use.
Read here for instructions on how to add a template.

Click Here for HTML/CSS Code

You can add/change:
  •   the Blog title and description shown on the header
  •   the font colors
  •   the font  Click here to learn how.  (This template allows you to alter the date, post title and   sidebar titles with a different font for each one.) 
  •   the background
  •   the header
   Don't forget to add my button to your sidebar. Here's the code:

<center><a href=http://www.blogdesignsbydani.com/><img src="http://bdbd.blogdesignsbydani.com/Dani Button.png"/></a></center>


  1. Hi Dani

    I love the design/layout that you used for Abbie - sewing layout/header and so forth.

    Is that one free and is it easy to changed the template?

    Do you have one for counted cross stitch background/layout and header?

    I have a three column Blog plus the header


    here is my Blog:


  2. Hi Linda,

    Abbie paid for her custom layout/header.

    This template here is a 3-column template that allows you to add any of my free backgrounds. It does not have any design features like a background or header, but you can add any that you like.


  3. hi thank you so much for this layout! i love how simple it is!

  4. Hi Dani!

    I'm not sure if you are still checking comments, but I was wondering if there is any way to widen the area for the posts (in the middle)? I really love this design and how clean/simple it is and I think I would love it even more if I could tweak it just a smidge :)

    Thank you,
    Ingrid :)


    1. If you feel comfortable editing the code, you can look for these parts:

      #header-wrapper {

      #outer-wrapper {
      width: 900px;

      #main-wrapper {
      width: 475px;

      #sidebar-wrapper {
      width: 180px;

      #right-sidebar-wrapper {
      width: 180px;

      If you just want the posting area wider, then increase the number under "main-wrapper" and decrease the numbers next to the "sidebar wrappers" by the same amount. Make sure you don't erase any of the colons or semi-colons. If you want to adjust the entire width, then alter the "header-wrapper" and "outer-wrapper". Hope that helps!

    2. Hi!
      I have been trying to change the width on the blog post itself and it dosen´t work? Could you help me?
      If I copy the text into a word document I can see the "main wrapper and Sidebar wrappers, then i change it there and copy it into the blogger HTML, but i cant see it there and I don´t see any changes..

      It would be great if you could help me out :)

      Thanks alot! Love the design btw!

    3. And one more thing, how do I add a "like" button to my blog posts, I was reading a "tutorial" on how to put it up, but I cant find it in the HTML code that I now have from you.

  5. Hi.

    I don't know if you are checking commetns anymore, but I hope you are and will give me some advice.

    I've been trying yo add this blank template of yours, but every time I put in your code I get an error saying: 'The processing instruction target matching "[xX][mM][lL]" is not allowed.'
    What am I doing wrong??

    Thanx. :-)


Thank you so much for leaving a comment! I would love to answer everyone's questions, but I am a busy mama. I will try my best, but technical questions that require me to study your blog's html are very time consuming for me. I may not be able to answer all of these comments. If you are a reader that knows the answer to a question, please help your fellow readers by offering your advice.