Sabtu, 21 Agustus 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com


Tips Sederhana : Merubah Style Blogroll Menjadi 2 Kolom

Posted: 21 Aug 2010 05:28 AM PDT

blogroll Tips Sederhana : Merubah Style Blogroll Menjadi 2 KolomWidget 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

  1. Bila sudah login ke dashboard, silahkan anda pilih menu Appearance » Editor
  2. Kemudian anda lihat di sebelah kanan layar monitor anda, cari style.css , biasanya ada di bagian paling bawah.
  3. 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; }
  4. Kolom 3 yang saya highlight, silahkan anda sesuaikan sendiri sehingga widget blogroll anda bisa menjadi 2 kolom.
  5. (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 :mrgreen: , selamat mencoba.

Tidak ada komentar:

Posting Komentar