News
Loading...

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.
    contoh sidebar
    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 Google Plus
    Blogger Comment
    Facebook Comment

4 komentar :

  1. keren mas tipsnya :)

    jangan lupa kunjung balik ya

    http://catatanlinuxku.blogspot.com

    BalasHapus
  2. sipp.. :)
    makasih ya tipsnya :)


    kunjungi juga blogku , hehe.. :D
    sensasii.blogspot.com

    BalasHapus