Memang! memiliki hanya satu Sidebar terasa kurang sekali jika kita mempunyai blog dengan penuh Informasi. Kita harus meletakkan beberapa informasi. Apalagi jika informasi itu kita taruh di satu sidebar. Terasa kurang rapi dan terkesan ‘awut-awutan’ atau tidak karuan.

Lalu… bagaimanakah penambahan sidebar lagi?

Duh…! Sulit banget sih nambahin Sidebar itu?

Bagi yang belum terbiasa menambahkan sidebar dalam Blogger, memang terkesan sulit. Duh…! Sulit banget sih nambahin Sidebar itu? kata siapa sulit! kita hanya kopi-paste kode dan penempelan kode sidebar blogger, itu saja. Mudah. Bagaimana kalau kita praktekkan langsung? Baik…

Pertama kita login ke akun Blogger, kita pilih Edit HTML, dan centang kotak box centang disana (maaf, aku lupa apa namanya, pokoknya diatas teksboks HTML nanti ada kotak box centangan, itu dicentang lalu klik Yes :))

Setelah itu, kita cari kode <div id=’content-wrapper’> dan kita lihat dibawahnya. Secara singkat… secara awal, jika sidebar blog kita belum diisi element apapun, maka strukturnya akan seperti berikut:

<div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’no’>
<b:widget id=’Blog1′ locked=’true’ title=’Postagens no blog’ type=’Blog’/>
</b:section>
</div>

<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Arquivo do blog’ type=’BlogArchive’/>
</b:section>
</div>

jika sidebar kita sudah diisi beberapa sidebar, tentu akan terdapat banyak tag-tag <b:widget>, tidak masalah, jika sidebar kita sudah diisi element ataupun belum.

Jika kita sudah menemukan kode main-sidebar seperti diatas, kita tinggal tambahkan kode ini (kode yang bercetak tebal) diatasnya, sehingga nanti strukturnya menjadi seperti berikut:

<div id=’newsidebar-wrapper’>
<b:section class=’sidebar’ id=’newsidebar’ preferred=’yes’>
<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/>
</b:section>
</div>

<div id=’main-wrapper’>
<b:section class=’main’ id=’main’ showaddelement=’no’>
<b:widget id=’Blog1′ locked=’true’ title=’Postagens no blog’ type=’Blog’/>
</b:section>
</div>

<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Arquivo do blog’ type=’BlogArchive’/>
</b:section>
</div>

Bagaimana? mudah bukan? jika masih ada masalah, segera tulis masalahnya dibawah sini yaw.

echo 'Dari: blogywalkie.com, Adam Pahlevi Baihaqi'