Creating magazine template with post "side by side" in Artisteer

In this tutorial, I'll explain how to transform an Artisteer  template so that posts appear in (narrower) columns, side-by side on home, archive and search pages, with a sidebar of the same width appearing on the right hand side of the posts.

1. .Log in to your dashboard--> layout- -> Edit HTML

2. .Click on "Expand Widget Templates"

3. Search (CTRL + F) :

.blog-pager{

4. And replace it with:

.blog-pager{
         width: 600px;
         padding-top: 10px;
         clear: both;
         align: center;
}

This will ensure the pager always spans the width of both post columns on non-item pages.

5.Search: ]]></b:skin> and after paste this code:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.art-post {width: 327px; height: 320px; float: left; border: solid 1px #B7A971; overflow: hidden;}
</style>
</b:if>
</b:if>

Change the width and height with you own to align the posts.

6. Search:

.art-post
        {

and remove the value of :  position:

7. Save the template and your ready to go.

DEMO

If you have any useful tips to accompany this tutorial, or would simply like to leave a comment, please feel free to leave your message below. 

IMPORTANT
THIS TRICK WORK ONLY WITH TEMPLATES MADE BY ARTISTEER 2.4 OR NEWER.