Friday, September 20, 2013

Cara Membuat Dua Kolom di Sidebar Blog

How to Create Two Columns in Sidebar Blog - How to Add a Column in Sidebar Blog - This time I will share tips on how to How to Create Two Columns in Blog Sidebar, for example, my friend can see in the sidebar of this blog to be exact. maybe this way is a lot or maybe my friend all but no one knew her when I review again.

Well do not be so hard just with a little extra code we can directly Making Two Column in Sidebar Blog for more details please follow the following explanation:
Login to your account first blogger pal.
Then click and click Edit HTML Template
Find the code as the code]]> </ b: skin> (Use ctrl + f or press F3 to facilitate the search).

# column-left {width: 49%; float: left;}
# column-right {width: 49%; float: right;}

To Width can change as you wish buddy pal
Find back the code as the code below

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='Feed'/>
</ b: section>
</ div>

Then, add the code at the bottom right of the code </ b: section> and </ div>.

<b:section class='sidebar' id='kolom-kiri' showaddelement='yes'>
<b:widget id='Text665' locked='false' title='Column 1'type='Text'/>
</ b: section>
<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
<b:widget id='Text666' locked='false' title='Column 2'type='Text'/>
</ b: section>
<div style="clear: both;"> </ div>

at least save the template / save templates

Newer Post Older Post Home

0 comments:

Post a Comment