Cara Membuat Sidebar Berada Dikiri Dan Kanan Postingan Blog Bag.2

Pembahasan kali ini adalah cara membuat dua tab sidebar berada pada posisi kiri postingan semua [SSM] , untuk lebih jelasnya silahkan buka mengenai Mengenal struktur dasar template blog, penjelasan mengenai membuat sidebar blog. dan cara membuat sidebar berada dikiri dan kanan postingan blog bag.1 untuk dijadikan bahan referensi.

S S M

Sudah dibuka bahan referensinya?? Nah bila dicermati lagi mengenai penjelasan sidebar bag.1, sebetulnya sudah terlihat jawaban semua tentang bagaimana cara membuat sidebar S,M,S S,S,M dan M,S,S. dan yang menjadi patokan adalah <div id='main-wrapper'>, karena main wrapper tersebut adalah berisi konten postingan (M) yang meliputi blok Post, blok Comment, dan bagian lain yang dapat dibuat dari opsi Add Page Element.

Contoh dasar pengkodean terstruktur S,S,M agar mudah difahami :

<div class='kirisidebar1-wrapper'>
<div class='kirisidebar2-wrapper'>
<div id='main-wrapper'>

dan untuk kode keseluruhan S,S,M yang diatas sebagai berikut ;

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

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

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

Nah terlihat jelas bahwa main wrappar (kode  yang dicetak tebal) yang menjadi bahan pertimbangan. berarti untuk M,S,S sudah terbayang kan dimana letak penempatannya :) . tapi biarpun begitu, Cara Membuat Sidebar Berada Dikiri Dan Kanan Postingan Blog Bag.3 nanti akan gaptek32 share pada pertemuan berikutnya.

Note :

1. Untuk kode CSS/pengoptimalan tampilan sidebar, insaallah akan saya share, yang terpenting adalah tau dimana peletakkan kode nya