Kamis, 30 September 2010

Membuat Sidebar 2 Kolom

Membuat Sidebar 2 Kolom sebenarnya yang lebih tepat adalah Membagi Sidebar menjadi 2 kolom mungkin kata itu yang lebih tepat untuk trik kali ini karena kita tidak akan membuat elemen namun membagi-nya. Bagaimana cara membaginya? yang tinggal bagi dua saja lebar sidebar, mudahkan? jelas tapi itu hanya penjelasan inti saja untuk secara detailnya kita lihat ke bawah yuk!

  1. Login ke blogger
  2. Masuk Ke Tata Letak

    Membuat Sidebar 2 Kolom
  3. Masuk ke Edit HTML

    Membuat Sidebar 2 Kolom
  4. sebelum melakukan pengeditan alangkah baiknya kalau template sobat di backup dahulu agar tidak terjadi kerusakan pada template
  5. setelah itu cari sidebar-wrapper lalu tambahkan kode ini di bawahnya, untuk menambahkannya yang lebih tepat adalah di bawah kode } kalau kurang jelas lihat gambar di bawah ini ok

    #sidebar-wrapper-baru {
    width: 100px; /* Sobat Bisa menyesuaikan dengan Sidebar sendiri*/
    float: $endSide;
    word-wrap: break-word;
    overflow: hidden;
    margin-right: 20px;
    }

    Membuat Sidebar 2 Kolom
  6. setelah itu mari kita menuju ke kode HTML, lalu cari kode <div id='sidebar-wrapper'> dan taruh kode di bawah ini tepat di bawahnya tepatnya di bawah </div>

    <div id='sidebar-wrapper-baru'>
    <b:section class='sidebar' id='sidebar2' preferred='yes'>
    <b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
    </b:section>
    </div>

    Membuat Sidebar 2 Kolom
  7. Setelah itu simpan dan lihat deh hasilnya
  8. Selesai
Mudah bukan Membuat Sidebar 2 Kolom? apa...!! susah? kok bisa sich? ya sudah deh kalau susah tinggalkan pesan aja di bawah ini iya, saya akan siap membantu sobat semua dan saya juga mau pamit dulu. Termia kasih dan Happy Blogging :)).

Tidak ada komentar:

Posting Komentar