Hot! Menambahkan Sidebar Baru
May 08, 08 by Adam PahleviMemang! 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?
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=’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.

Gin Says: 09.05.08 at 1:33 am
gak bisa lo..
Gin Says: 11.05.08 at 12:35 am
koq gak bisa ya?
Adam Pahlevi Says: 12.05.08 at 3:33 am
udah tak coba bisa kok. btw, blognya bagus bgd tuh. aqw suka, tak sedot ya untuk resep ibuk ku masak
Adam Pahlevi Says: 12.05.08 at 3:34 am
hehehe

anak_hutan Says: 21.05.08 at 5:28 am
oia, aku mau tanya, tentang add element di bagian footer, kok gak mau lurus ke samping yah? tapi malah ke bawah. gimana caranya ya? makasih.
Adam Pahlevi Says: 09.06.08 at 1:40 am
ya memang, kalo begitu itu adalah urusan template. kebanyakan template tidak mendukung add element di footer, tapi coba utak-atik bagian CSS, meskipun nanti hasil kurang memuaskan, mungkin hasil bisa lebih baik.