Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Sabtu, 10 April 2010

Membuat Sidebar 2 Kolom

Kategori : ,
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 :)).
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

13 Komentar untuk Membuat Sidebar 2 Kolom

Keren triknya. tidak salah kalo namanya oketrik ^_^

aku coba dulu triknya sobat. mantaaff ^_^

Wih mantap sob... Tx yaw

langsung dicoba kang yaaaaaaa

Wah.. lg dalam perombakan neg ya sob templatenya???

Semangat !!

pagi...!! blog yang baguz... visit balik ya: www.all-tipsblog.blogspot.com :D

Walah udh rampung neg ceritanya bedah templatenya sob???
Jadi minimalis ya sob ;D

mas, setelah tak kasih sidebar 2 kolom ko malh tampilannya g karuan gt mas????
ni tolong di cek ya mas...
http://bersamawahyu.blogspot.com
tolong bntuannya mas,,,,,
jwbnnya kirim ke email aq ja mas,,,
msite96@gmail.com
makasih sebelumnya....

makasih infonya sob.

minta tips cara buat kolom widget dibawah header donk,?
makasih.

@Yudha => bisa anda lihat di http://oketrik.blogspot.com/2010/01/menambahkan-element-baru.html sob, tapi lakukan langkahnya dari 1 sampai 5 saja. Terima kasih ^_^

kenapa yah? saya tidak bisa??
setelah saya tambah html

< id='sidebar-wrapper-baru'>





kemudian saya pratinjjau dulu..
tapi keluarnya

Lebih dari satu widget ditemukan dengan id: Followers1. ID Widget seharusnya unik.
Error 500

tolong kunjung ke http://risalahrasul.blogspot.com/
tolong jawab di komentar dimana saja... terimakasih

coba ganti Followers1 dengan Followers56 atau berapa sehingga tidak sama dengan Followes1

kuper gue ga ngerti-ngerti hehe...