How to Make 2 Column Element in Lower Post

How to Add 2 Column Elements under the Post - tooling - tweaking templates blogmemang many benefits, his evidence because my hobby Meng alter the template, a few days ago I managed to create 2 template itself is Tutorials1927 blogger template blogger template and tutorials1927 V2. And this time I also managed to make 2 column element under post / article.

Just give out, Column Column Element unlike ordinary surgeon can mate look at the page elements. If the column elements, the elements of the page will appear new elements that can mate pasangi widgets (add gadgets) without the need to edit the html but can not be installed in the article, while the column was otherwise normal.

A case which I have said above, that the way to make a 2 column elements below this post I know from my predilection for Meng - Alterations template so my advice for a newbie like me pal, do not be afraid to Meng tooling - tweaking templates, toch if error it can be prevented and overcome.

Buddies who are interested in installing a 2 column elements under the posts, please follow tutorialberikut.

1. Go to the dashboard pal.

2. click Design -> Edit HTML

3. Find the following code.

#main-wrapper {
width: 500px;
float: $startSide;
margin:20px
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

added:

Focus your search on the code blue.

4. Place the following code below the code in step 3.

#main {
width:500px;
float:center;
}
#main-left{
border:1px solid #000000;
padding:10px;
width: 225px;
float:left;
}
#main-right{
border:1px solid #000000;
padding:10px;
width: 225px;
float:right;
}

about - about the results this way:

#main {
width:500px;
float:center;
}
#main-left{
border:1px solid #000000;
padding:10px;
width: 225px;
float:left;
}
#main-right{
border:1px solid #000000;
padding:10px;
width: 225px;
float:right;
}

5. A subsequent search following code.

replace the code with the following code.

6. Click save and see the results on the page elements. If there are already two columns add gadgets under post mean trick successfully.

So first sob!!!

written By : bagas wahyu Tutorials Blogspot

Buddy was reading an article about How to Make 2 Column Element in Lower Post.By Admin, buddy allowed to copy and paste or distribute this article, but do not forget to put the source link below

<a href="http://tutorials1927.blogspot.com/2012/12/how-to-make-2-column-element-in-lower.html" target="_blank">How to Make 2 Column Element in Lower Post</a>

:: Get this widget ! ::