Sunday 1 February 2009

Teknik dasar mengubah template satu kolom

Template sebuah blog bagi sebagian orang memang suatu keharusan .Kadang kadang kita sendiri ingin supaya pengunjung blog kita tidak perlu susah susah menggulung blog ke bawah karena mungkin terlalu banyak widget yang kita pakai.Untuk itu
Mungkin yang kita perlukan adalah mengubah template kita menjadi dua atau tiga kolom.Memang kita bisa mencarinya di internet karena sudah ada banyak yang menyediakannya secara gratis.Tapi tak ada salahnya kita mempelajari teknik dasar menguah template satu kolom menjadi dua kolom.
Pertama kita masuk ke edit HTML ,lalu temukan kode ini

#sidebar-wrapper {
width: 220px;
float: right;
word-warp - sampai - sidebar float */
Ini adalah kode sebuah Sidebar dalam blog.
Ketik kode ini di bawah kode tadi


#newsidebar-wrapper {
width: 220px;
float: left;
word-warp:break-word; /* fix for long text breaking side bar float in IE */
Overflow:hidden; /* fix for long non-text content breaking IE side bar float */
}

Rumus lebar sebuah blog adalah leftsidebar+main+rigthsidebar

Atau
Angka pada #newsidebar-wrapper sebelahkiri+angka pada #main-wrapper +angka pada #sidebar-wrapper sebelah kanan
Sehingga Outer-wrappernya menjadi

#outer-wrapper {
width: 850px;
Margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}


Kemudian masukan ke pageelement.
Cari kode
div id='sidebar-wrapper'
Sehingga kodenya seperti ini
........
=====

====

Kode ini adalah milik sidebar-wrapper kanan,untuk sebelah kiri tambahkan kode ini setelah kode tadi






Jangan lupa klik tombol Simpan




No comments:

Share/Save/Bookmark