*
Recent Forum Posts


*
User
Welcome, Guest. Please login or register.
March 13, 2010, 06:02:17 AM

Login with username, password and session length
*
Subscribe to us
Subscribe to our feed
*
Interesting Links
Site Author : Topic: Adding a 3 sidebar  (Read 286 times)
February 07, 2010, 09:13:36 AM
Just popping in
User No : 29807
Posts: 5
  • View Profile
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.
Logged
February 08, 2010, 08:28:38 AM
Global Moderator
Home away from home
*****
User No : 4910
Posts: 1772
Location : The Netherlands
  • View Profile
  • WWW
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!
« Last Edit: February 08, 2010, 10:00:50 AM by Thur » Logged

February 13, 2010, 09:05:32 AM
Just popping in
User No : 29807
Posts: 5
  • View Profile
Thank you Thur a lot!
Logged
February 13, 2010, 10:43:46 AM
Just popping in
User No : 29807
Posts: 5
  • View Profile
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.


* test.jpg (52.03 KB, 1378x590 - viewed 13 times.)
« Last Edit: February 13, 2010, 10:49:20 AM by goloplo » Logged
February 13, 2010, 09:23:35 PM
Global Moderator
Home away from home
*****
User No : 4910
Posts: 1772
Location : The Netherlands
  • View Profile
  • WWW
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.
« Last Edit: February 13, 2010, 09:51:35 PM by Thur » Logged

February 13, 2010, 10:18:06 PM
Just popping in
User No : 29807
Posts: 5
  • View Profile
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.
Logged
February 13, 2010, 10:34:16 PM
Global Moderator
Home away from home
*****
User No : 4910
Posts: 1772
Location : The Netherlands
  • View Profile
  • WWW
[...] 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.
« Last Edit: February 13, 2010, 10:55:56 PM by Thur » Logged

February 13, 2010, 11:08:53 PM
Just popping in
User No : 29807
Posts: 5
  • View Profile
Thank you a lot Thur! And what i have to do to the loop?
« Last Edit: February 13, 2010, 11:20:01 PM by goloplo » Logged
February 13, 2010, 11:59:29 PM
Global Moderator
Home away from home
*****
User No : 4910
Posts: 1772
Location : The Netherlands
  • View Profile
  • WWW
[...] 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!
Logged