Buat side Bar di Blogmu

Kalo saya melihat di banyak blog, banyak di antaranya yang menggunakan sidebar di sebelah kanan dan kiri yang membuat tulisan postingannya terdapat di sebelah tengah. Sobat bisa kok buat yang kaya begituan. Ciptakan kreasimu di blogmu. Mau tahu cara bikinnya?

1. Seperti biasa masuklah ke akun blog sobat
2. Dashbor => rancangan => Edit HTML
3. Terus masukkin ni kode HTML ^^



Sebelumnya Cari kode / yang hampir sama dengan kode di bawah ini :


#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 */


Jika sudah ketemu,letakkan kode di bawah ini tepat dibawah kode tersebut :



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

Selanjutnya,cari kode seperti di bawah ini :


<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

Jika sudah ketemu,letakkan kode di bawah ini,tepat diatas kode tersebut :



<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>


Simpan Template  dan lihat hasilnya. Untuk kode  yang berwarna biru adalah kode yang menunjukkan ukuran sidebar. Sobat bisa menggantinya sesuka hati. Gimana? Mudah bukan? 


SELAMAT MENCOBA.. !!!