Cara Membuat Kolom Diatas Dua Kolom

 

Template yang bagus memang akan membuat para pengunjung ketagihan untuk berkunjung kembali ke Blog Anda. Akan tetapi bagaimana kalau template tersebut bawaannya memang sudah seperti itu [kurang menarik] seperti kolom yang sedikit sehingga user kurang bisa berekspresi.

Akan tetapi, kalau Anda bisa mengoperasikan bahasa pemrograman yang diusung Blogger, tentunya akan mudah sekali untuk mengotak-atik template tersebut sesuai selera Anda. Terus bagaimana bagi yang awam??? kunjungi terus blog ini...

Langkah2nya sebagai berikut:

1. Login ke Blogger.com
2. Kemudian Tata Letak
3. Pilih Edit HTML
4. Centang Expand Widget
5. Copas kode yang kedua diatas kode pertama

Kode Pertama:

#sidebar-wrapper {
  width: 220px;
  float: right;
  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 */
}

Kode Kedua:

#sidebaratas-wrapper {
border: 1px solid #FFFFFF;
background:#FFFFFF;
width:440px;
float:right;
padding:5px;
margin-top:10px;
} 

Note:

• width:440px;  : Penjumlahan dari dua lebar kolom percobaan Saya, jadi Anda sesuaikan jumlahnya dengan menjumlahkan lebar dua kolom pada sidebar Anda.

      6. Copas kode kedua dibawah kode pertama 

Kode Pertama:

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>  

Kode Kedua:

<div id='sidebaratas-wrapper'>
<b:section class='sidebaratas' id='sidebaratas' showaddelement='yes'>
</b:section>
</div>

      7. Selanjutnya Save Template dan hasilnya akan seperti gambar diatas

Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.