nah bisa kita pastikan bahwa dengan tampilan tersebut kita merasa kurang sempurna, baik secara tampilan maupun penggunaan widget. karena sidebar adalah wadah/letak dari widget yang akan kita pakai.

Maka, hal yang harus kamu lakukan adalah sebagai berikut:
masuk ke account blog kamu..klik menu "layouts / tata letak"...pilih "edit HTML"..beri tanda ceklist pada kolom "Expand widget template"..kemudian cari kode berikut :

#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* untuk jarak */
word-wrap: break-word;
overflow: hidden;

kalau sudah ketemu letakkan kode berikut tepat dibawah kode yang tadi :

#newsidebar {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;}

agar sidebar yang baru bisa berada ditempat yang berbeda maka kode yang berwarna hijau Kian ganti dengan float:left; maka hasilnya akan seperti berikut :

#newsidebar {
width: 180px;
float: left;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;}

selanjutnya adalah cara pemasangan kode HTML nya, sebelumnya perlu kamu ketahui cara meletakkan kode tersebut agar sesuai dengan keinginan kita. maka kamu cari kode berikut :

<div id='main-wrapper'> <!-- perhatikan yang ini -->
<b:section class='main' id='main' showaddelement='no'>
</b:section>
</div>

kemudian Copy kode dibawah ini, dan letakkan tepat diatas kode yang diatas :

<div id='newsidebar'> <!-- perhatikan yang ini -->
<b:section class='sidebar' id='newsidebar' preferred='yes'/'>
</div>

sehingga hasilnya akan seperti berikut :

<div id='newsidebar'> <!-- perhatikan yang ini -->
<b:section class='sidebar' id='newsidebar' preferred='yes'/'>
</div>

<div id='main-wrapper'> <!-- perhatikan yang ini -->
<b:section class='main' id='main' showaddelement='no'>
</b:section>
</div>

bisa kamu lihat bahwa kode untuk sidebar baru kita letakkan diatas kode "main-wrapper", selanjutnya kamu simpan dan lihat hasilnya..selamt mencoba..