Membuat Sidebar | Create Columns Sidebar

Setelah hari kemarin saya posting tentang Kumpulan Foto Bugil Adiknya Miyabi HOT dan Download Video Porno Bokep Bugil 3gp Gratis Laris, maka hari ini saya akan update Membuat Sidebar | Create Columns Sidebar.

Perhaps there are some bloggers who do not understand how to create a column next to the post, this is only a review course for mengetahi how to put the code within your blog is. To see how to make it, please note the stage below carefully so that no error occurred when creating it.

Put this code CSS code above ]]></ b: skin>

/************************************************
* Right Column *
************************************************/
# column-right (
background: # e0d5c2;
float: left;
width: 335px;
margin: 5px 5px 10px 5px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: # 000000;
-moz-border-radius: 12px;
)

# column-right (H2
background: # fff url (#);
color: # e0d5c2;
font-family: Helvetica, Arial, Sans-Serif;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding: 5px;
-moz-border-radius: 12px;
)

# right-column p (
padding: 0px 0px 0px 0px;
margin: 0px;
line-height: 20px;
)

# column-right ul (
list-style: none;
margin: 0 0 10px 0;
padding: 0;
)

# column-right ul li (
list-style: none;
margin: 0;
padding: 0 0 0 18px;
)
# column-atas1 (
background: # FFFFFF;
width: 315px;
margin: 5px 0 0 0;
padding: 0px;
float: center;
border-bottom: 1px dashed # efefef;
)
. kiri1-column (
background: # FFFFFF;
width: 145px;
color: # 000000;
margin-bottom: 5px;
padding-bottom: 5px;
padding-top: 5px;
float: left;
)
. kanan1-column (
background: # FFFFFF;
width: 140px;
color: # 000000;
margin-bottom: 5px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
float: right;
)
# column-bawah1 (
background: # FFFFFF;
width: 315px;
margin: 5px 0 0 0;
padding: 0px;
float: center;
border-top: 1px dashed # efefef;
)

change the width, background etc. according to your template

after the input code is

<div id='kolom-kanan'>
<b:section class='kolom-atas1' id='kolom-atas1' showaddelement='yes'>
<b:widget id='HTML1 locked='false' title='' type='HTML'/>
</ b: section>
<b:section class='kolom-kiri1' id='kolom-kiri1' preferred='yes' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</ b: section>
<b:section class='kolom-kanan1' id='kolom-kanan1' preferred='yes' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</ b: section>
<div id='kolom-bawah'>
<b:section class='kolom-bawah1' id='kolom-bawah1' showaddelement='yes'>
<b:widget id='HTML4 locked='false' title='' type='HTML'/>
</ b: section>
</ div>

after the code

<div id='content'>
<div id='contentleft'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</ b: section>
<div style='clear:both;'/>
</ div>

I have sometimes called content1, wrapper1 etc.

safe to experiment ..