Cara Membuat Multi Kolom Pada Blogspot

Bookmark and Share
Langkah-langkanya :     Cara Membuat Multi Kolom Pada Blogspot           
        Cara Membuat Multi Kolom Pada Blogspot 
# Hal pertama yang harus di ingat adalah jangan mencentang kotak kecil di samping tulisan expand widget template karena jika sobat mencontengnya maka akan keluar kode widget yang bikin pusing kepala, jadi sekali lagi Jangan mencontengnya.          Cara Membuat Multi Kolom Pada Blogspot       
        Cara Membuat Multi Kolom Pada Blogspot           

# Tambahkan kode berikut persis di atas kode ]]></b:skin> :


/* bottom
---------------------------- */

#bottom {
width: 660px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:#BDBABD;
padding: 15px 0 15px 0;
}

#bottom h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}

#bottom ul {
padding: 0;
margin: 0;
}

#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}

#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;

}
#bottom ul li a:hover {
background: #B1ACB1;
}

#left-bottom { /* yang ini nih kode kolom kiri */
width: 205px;
float: left;
padding-left:10px;
}

#center-bottom { /* kalo yg ini kode kolom tengah */
width: 205px;
float: left;
padding-left:10px;
}

#right-bottom { /* kalo yg ini kode kolom kanan */
width: 205px;
float: left;
padding: 0 5px 0 10px;
}

       Cara Membuat Multi Kolom Pada Blogspot                         
# Tuju bagian body yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini :
        Cara Membuat Multi Kolom Pada Blogspot           

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

# Copy paste kode berikut persis di atas kode yang atas tadi :


<div id='bottom'>

<b:section class='bottom' id='left-bottom'/>

<b:section class='bottom' id='center-bottom'/>

<b:section class='bottom' id='right-bottom'/>

</div>


# Klik tombol Simpan Template.


Selamat Mencoba      Cara Membuat Multi Kolom Pada Blogspot                                                                 

{ 0 komentar... Views All / Send Comment! }

Poskan Komentar