About Me

My photo
Ketidaktahuan anda adalah kepedulianku untuk selalu memberikan informasi, meski hanya sekedar hilangkan rasa ingin tahu saja.

18 October 2008

Adding a box under the Post (main-wrapper).


To have it seem like the magazine online, then we need to add some elements of the page that we will be in place bloglist these new elements.

The steps are as follows:

1. Backup first template us. if you want to make it easier to restore the original appearance.

2. Open the Edit Html and search this html.

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

3. Once found, enter or paste the following code after the code </ b: section>.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='box-left' showaddelement='yes'/>
<b:section class='sidebar' id='box-right' showaddelement='yes'/>
<div style='clear: both;'/>
<b:section class='sidebar' id='box-bottom' showaddelement='yes'/>
<div style='clear: both;'/>
</b:if>
4. Save the code below, above code </ b: skin>
#box-left {
width: 48%;
float: left;
}

#box-right {
width: 48%;
float: right;
}

#box-bottom {
width: 100%;
float: left;
}

Note:

1. If you want to change the width to distinguish the only value in accordance with the width we want.

2. <h2> default tags, <ul> , etc, follow the rules in the sidebar blog. If you want to have a set of individual, we must make the material.

3. Then add the gadget Bloglist, which appear to recent post blog entries feed us as we address below.
http://name.blogspot.com/feeds/posts/default/?start-index=2

Replace the number 2 above, if we want to show recent posts next.

Here are the changes the display page elements:



0 comments:

Post a Comment