Membuat Sidebar Template Blogspot ( Part 9)

Cara Membuat template sederhana Blogspot Part 9 ini membahas pembuatan SIDEBAR. Untuk menampilan sidebar pada template blogspot yang kita buat, perlu menambahkan kode khusus.. kode apa itu? Lanjutin aja bacanya nanti juga tau... hehe.. Untuk yang ketinggalan artikel baca dulu artikel di bawah ini yak :

Cara Membuat Template Sederhana Blogspot :
Part 1, Part 2 , Part3, Part4, Part 5, Part 6, Part 7, Part 8

Ayo kita kemon.... Pada artikel sebelumnya cara membuat template Sederhana Blogspot Part 8 sudah kita buat top menu dan sekarang kita akan menambah kode untuk sidebar di template Blogspot, ikuti langkah-langkah di bawah ini :

1. Masuk Ke Account Blogspot kamu.
2. Pada Dasbor pilih rancangan pada blog kamu dan akan terlihat dasbor lalu klik Tata Letak>Edit HTML. jangan lupa beri tanda cek pada Expand Template Widget.Cari kode di bawah ini :
   
   <div id='sidebar'>...... </div>
   
   Lalu tambahkan didalamnya Kode berikut :
   Sidebar-kiri :
   
   <b:section class='sidebar' id='sidebar1' preferred='yes'>
   </b:section>
   
   Sidebar-kanan :
   
   <b:section class='sidebar' id='sidebar2' preferred='yes'>
   </b:section>
   
   Dan lengkapnya seperti di bawah ini :
   
   <div id='sidebar'>
   <b:section class='sidebar' id='sidebar1' preferred='yes'>
   </b:section>
   </div>
   <div id='content'>
   judul-postingan
   isi-posting
   metatag
   kolom-komentar
   form-komentar
   </div>
   <div id='sidebar'>
   <b:section class='sidebar' id='sidebar2' preferred='yes'>
   </b:section>
   <br class='clear'/>
   </div>
   
   Jangan lupa hapus tulisan sidebar-kiri dan sidebar-kanan ya..
   
   Keterangan :
   Ini digunakan untuk menampilkan widget pada blogspot pada posisi sidebar.
   
3. Setelah selesai klik simpan template.
4. Langkah selanjutnya uncheck Expand Template Widget, lalu klik Elemen laman maka akan muncul seperti gambar dibawah ini di kanan dan dikiri.
   
   Nah ini menandakan sidebar kanan dan kiri sudah jadi. Tinggal klik tambah gadget pilih dah gadget yang mau kamu tampilin di sidebar... ok coy...
   Contoh jadinya silahkan kunjungi : http://tempfor.blogspot.com/

Mudah bukan? Ok untuk artikel selanjutnya kita akan memasukan kode agar posting asrtikel dapat tampil di template blogspot yang kita buat... jadi terus kunjungi blog ini ya biar tuntas bikinnya.. jangan lupa komentarnya... thanku everybody.... seee uuu..

Share on Facebook Share on Twitter Share on Google Plus