| Tips Sederhana : Merubah Style Blogroll Menjadi 2 Kolom Posted: 21 Aug 2010 05:28 AM PDT Widget blogroll sangat sering saya jumpai di hampir setiap blog yang saya jumpai, apabila link yang di pasang masih sedikit mungkin tidak akan mengganggu keberadaannya, namun, apabila link yang terpasang sudah banyak , widget blogroll ini akan memanjang ke bawah dan cukup mengganggu, serta membuat bagian sidebar blog anda penuh. Solusi yang saya tawarkan adalah dengan membuat widget blogroll ini menjadi 2 kolom, sehingga bisa menghemat tempat di sidebar blog anda. Tidak terlalu sulit untuk merubah widget blogroll menjadi 2 kolom, anda hanya harus membuka file style.css pada template anda. Masih bingung cara membukanya ? baiklah, silahkan ikuti step by step caranya di bawah ini - Bila sudah login ke dashboard, silahkan anda pilih menu
Appearance » Editor - Kemudian anda lihat di sebelah kanan layar monitor anda, cari
style.css , biasanya ada di bagian paling bawah. - Kemudian anda masukan kode css berikut di dalam file
style.css tersebut, untuk penyimpanan kodenya bisa anda taruh di mana saja, bisa paling bawah atau di tengah-tengah isi file style.css ul.blogroll li{ float:left; width:135px; } - Kolom 3 yang saya highlight, silahkan anda sesuaikan sendiri sehingga widget blogroll anda bisa menjadi 2 kolom.
- (Optional) Apabila ukuran
width atau lebar sidebar anda 300px, kemudian anda menggunakan width:100px pada kode css yang saya berikan, dapat merubah widget blogroll menjadi 3 kolom. Tetapi harus bersih dari padding dan margin. Tidak sulitkan , selamat mencoba. |
Tidak ada komentar:
Posting Komentar