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 blogpenjelasan mengenai membuat sidebar blog. dan cara membuat sidebar berada dikiri dan kanan postingan blog bag.1 untuk dijadikan bahan referensi.

Cara Membuat Sidebar Berada Dikiri Dan Kanan Postingan Blog Bag.2
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

Terkait dengan ini

5 komentar:

  1. Thanks ya gan infox..
    jangan lupa mampir ya..
    kumpulankisahnyataterbaru.blogspot.com

    BalasHapus
  2. Thanks bro tutorial cara membuat nya...
    Isin praktekkan di blog saya

    BalasHapus
  3. Thanks gan :D... jgn lupa mampir ya :)
    http://p4ndoo.blogspot.com

    BalasHapus

Saya mohon maaf atas ketidak terurusnya blog ini, dan saya pun tidak tahu kapan ada waktu luang agar blog ini dapat membalas kritik dan pertanyaan, apalagi untuk melanjutkan postingan saya yang sempat tertunda pada akhir-akhir ini.
Kemungkinan besar blog ini tidak akan aktif selama paling sebentar 2-3bulan karena saya (admin) sibuk mencari nafkah di dunia nyata.
Saya mohon maaf yang sebesar-besarnya karena tidak bertanggung jawab dalam hal yang seperti ini.

Untuk menyisipkan kode <i rel="pre">KODE ANDA YANG TELAH DI PARSE...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>

Link hidup akan terhapus secara otomatis
Convert kode terlebih dahulu bila komentar anda mengandung kode HTML/JScript pada tombol di bawah ini

Parse HTML