Adding a 3 sidebar

Hello,

It is posible to add a 3-rd sidebar to this template http://techified-deluxe.blogspot.com/ ?
Can someone explain to me please?

It is for a personal blog.

The template can be downloaded from here http://www.box.net/shared/eajqovi8hr

Regards.

goloplo

[#sidebar-wrapper-two]

Hi goloplo,

Yes, that's possible.

Click the image for the testpage:



The easiest thing to do:

1) Duplicate the CSS code for the #sidebar-wrapper-two:

#sidebar-wrapper-three {
float:right;
margin-right:10px;
overflow:hidden;
width:158px;
word-wrap:break-word;
}

2) Changes the width of the main:

#main-wrapper {
float:left;
overflow:hidden;
width:444px;
word-wrap:break-word;
}

(You will have to change the width of the background image (post_content_h1.png) accordingly. Which I haven't done for this testpage.)

3) Add the new sidebar in the template:

You can again duplicate the code from any other sidebar.

Good luck!

Thur

Thank you Thur a lot!

goloplo

I have one more question.

When i make a html page in blogger it display like that. What can i do to put a header like post_content_h1.png? The page should look like a post and be positioned down like a new post.
http://test-alex-200.blogspot.com/p/tralla.html

Thank you.

goloplo

[<div class='post hentry uncustomized-post-template'>]

Hi goloplo,

Look in the template:

Before the line <div class='post hentry uncustomized-post-template'> (the beginning of the post-box) there should be a <h2 class='date-header'>Sunday, February 14, 2010</h2> ... which is left out in your latest tralla testpage!

Because: the use of the post_content_h1.png is defined in the h2.date-header CSS:

---------------------------------------------------
h2.date-header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://1.bp.blogspot.com/_iI6SgnnhWEM/SvQVPZFBdfI/AAAAAAAAAi4/F8r4r_ec93w/s1600/post_content_h1.png) no-repeat scroll left top;
color:#333333;
...
}
---------------------------------------------------

You need that <h2 class='date-header'> ... </h2> at the beginning of each post-box!

Good luck.

Thur

Thank you Thur once again for the reply the html page is looking good now http://test-alex-200.blogspot.com/p/tralla.html, but the posting page is looking like thathttp://test-alex-200.blogspot.com/ what can i do?

Thanks.

goloplo

[<h2 class='date-header'>Tuesday, February 9, 2010</h2><h2 class='date-header'>Sunday, February 14, 2010</h2>]

[...] what can i do? [...]

Hi goloplo,

I can only see the generated code ... and what I see is

--------------------------------------------------------
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start(name=default) -->
<h2 class='date-header'>Tuesday, February 9, 2010</h2>

<h2 class='date-header'>Sunday, February 14, 2010</h2>
<div class='post hentry uncustomized-post-template'>
<a name='3044365655638953507'></a>
<h3 class='post-title entry-title'>
<a href='http://test-alex-200.blogspot.com/2010/02/tarrara.html'>tarrara</a>
</h3>
--------------------------------------------------------

Now there are two lines <h2 class='date-header'>Sunday, February 14, 2010</h2>, which indeed shows on the generated page.

Back to the drawing board then (the template)!

The start of the post loop (in the original Techified.xml):

--------------------------------------------------------
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
--------------------------------------------------------

No more, no less.

Good luck.

Thur

Thank you a lot Thur! And what i have to do to the loop?

goloplo

[<b:if cond='data:post.dateHeader'><h2 class='date-header'><data:post.dateHeader/></h2></b:if>]

[...] And what i have to do to the loop?

Being sure that

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

exists. Once!

Thur