Back to TopBack to Bottom

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 :)).
Attention

ATTENTION PLEASE!

Untuk memperbaiki dan mengembangkan blog ini menjadi lebih baik, mari bersama - sama kita bangun, caranya? Apabila kamu menemukan link yang mati/sudah tidak berfungsi atau gambar yang sudah tidak muncul/expire, silahkan hubungi kami disini. Laporan anda sangat berpengaruh pada perkembangan blog ini. Terima kasih atas perhatiannya thanks

Trik menarik lainnya yang mungkin ingin anda baca :

12 comments

Keren triknya. tidak salah kalo namanya oketrik ^_^

Balas | April 10, 2010

aku coba dulu triknya sobat. mantaaff ^_^

Balas | April 10, 2010

Wih mantap sob... Tx yaw

Balas | April 10, 2010

langsung dicoba kang yaaaaaaa

Balas | April 10, 2010

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

Semangat !!

Balas | April 10, 2010

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

Balas | April 11, 2010

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

Balas | April 11, 2010

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....

Balas | May 16, 2010

makasih infonya sob.

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

Balas | May 20, 2010

@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 ^_^

Balas | May 20, 2010

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

Balas | June 05, 2011

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

Balas | June 06, 2011

Post a Comment

Segera Laporkan apabila kamu menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini

 
Di Like sama Follow ya biar tambah Semangat >>