Modern Clix Blogger Template

@BECCA: Go to Design/Edit HTML and find:

#header {
height: 19em;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
overflow: hidden;
}

Replace it by:

#header {
height: 19em;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
overflow: hidden;
background: url(http://your-image.imageshack.com) no-repeat center bottom;
}

It must be 900px x 190px.

@Ariadna: If you are trying to change the header background, your image must be 900px x 190px. Please, leave your blog URL when you comment.

@Talín:

1) Go to Design/Edit HTML, and find the following code:

#header {
height: 19em;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
overflow: hidden;
}

Save changes.

Change the “19” to a lower value.

2) Go to Design/Edit HTML/Expand widget templates and find:

<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>

Replace it by:

  <b:if cond='data:post.allowComments'>

            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

          </b:if>

        </b:if>

Save changes.

Does it work?

@Talín: Regarding the 2nd point, you must be very careful with the end tags, because the codes I posted are right. I’ll check the 1st point later.

@Talín: OK, It’ll work this time.

For the 1st point, reduce the “19em” to “10em” or something so.

For the 2nd point, in Design/Edit HTML/Expand widget templates, replace:

<b:if cond='data:post.allowComments'>

        <b:if cond='data:post.numComments == 1'>

              1 Comment 

                <b:else/>

              <data:post.numComments/> Comments 

            </b:if>

                 </b:if>

by:

<b:if cond='data:post.allowComments'>

            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

          </b:if>

@Talín: I tried ina demo template, and it worked for me.

@Taln: Oh, I undertood: you want to reduce the distance above the header. Then modify the following code:

#outer-wrapper {
	margin:8em auto 3em;
	overflow:hidden;
	width:90em;

Change the “8em” to a lower value (for example, “3em”)

@Ryan: Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:

<li> <data:post.dateHeader/></li>

<li><span class='labels'>In <b:if cond='data:post.labels'>

                    <b:loop values='data:post.labels' var='label'>

            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

          </b:loop>

        </b:if>

           </span></li>

 <li><b:if cond='data:post.allowComments'>

        <b:if cond='data:post.numComments == 1'>

              1 Comment 

                <b:else/>

              <data:post.numComments/> Comments 

            </b:if>

                 </b:if>

</li>

add the following exactly under that code:

<li><b:if cond='data:top.showAuthor'>

          <data:top.authorLabel/>

          <span class='fn'><data:post.author/></span>

        </b:if></li>

Save changes.

@Ryan: In Design/Edit HTML/Expand widget templates, find:

<li><b:if cond='data:post.allowComments'>

        <b:if cond='data:post.numComments == 1'>

              1 Comment 

                <b:else/>

              <data:post.numComments/> Comments 

            </b:if>

                 </b:if>

</li>

Now replace it by:

<li><b:if cond='data:post.allowComments'>

        <b:if cond='data:post.numComments == 1'>

              1 Comment 

                <b:else/>

              <data:post.numComments/> Comments 

            </b:if>

                 </b:if>

</li>