Menambahkan 4 Kolom Atas Blog | Add 4 upper column in your blog

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 Artikel Menambahkan 4 Kolom Atas Blog | Add 4 upper column in your blog.


After creating add 3 column footer in your blog now I will make add 4 upper column in your blog, but the condition is you have a blog or resoluzi more than 900px wide, o.k. follow the following ways:

1. Log In blogger account
2. Select a layout -> Edit Html (Tick Expand Widget)

# header-wrapper (
width: 950px;
----
----
)

# outer-wrapper (
width: 950px;
----
----
)

# footer (
width: 950px;
----
----
)

3. Then, under # footer (As the above example) or before ]]></ b: skin>, place the CSS code for the Upper Column

/ * Upper-column
----------------------------------------------- * /

# upper-column-container (
clear: both;
background: # FFFFFF;
line-height: 1.4em;
margin: auto;
height: 200px;
border: 1px dotted # ccc;
width: 940px;
margin-bottom: 10px;
)

# upper-column-container h2 (
margin: .5 em 0 .5 em;
padding: 4px 5px;
font-size: 12px;
font-family: Verdana;
color: $ sidebarcolor;
background: # eeeeee;
padding: 5px;
margin-top:-1px;
)

. upper-column (
padding: 5px;
)

4. Then take 4 column widget code below:

<div id='upper-column-container'>

<div id='upper1' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='upper-column' id='col1' preferred='yes' style='float:left;'>
</ b: section>
</ div>

<div id='upper2' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='upper-column' id='col2' preferred='yes' style='float:right;'>
</ b: section>
</ div>

<div id='upper3' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='upper-column' id='col3' preferred='yes' style='float:right;'>
</ b: section>
</ div>

<div id='upper4' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='upper-column' id='col4' preferred='yes' style='float:right;'>
</ b: section>
</ div>

<div style='clear:both;'/>
</ div>

and place it on top of the widget id = 'main-wrapper'

5. Paste Save Template.

6. Page Element to see and be seen 4 in the widget has been installed there


7. done

Note:
# upper-column-container: is the whole and may be changed according to style and border that you want.
height: 200px: is the position of the column with each other equal, and you can change according to your wishes.
# upper-column-container h2: a description of the title for column 4