Sabtu, 30 Oktober 2010

Tutorial Tips Wordpress | Margasatrya.com

Tutorial Tips Wordpress | Margasatrya.com


Tutorial WordPress : Cara Split Tampilan Kategori Menjadi 2 Kolom

Posted: 30 Oct 2010 11:07 AM PDT

tutorial wordpress Tutorial Wordpress : Cara Split Tampilan Kategori Menjadi 2 Kolom

Kategori merupakan salah satu element penting dalam sebuah blog, kategori bisa memudahkan navigasi untuk pengunjung atau pembaca sebuah blog. Saya pun akhirnya merubah sistem kategori di blog ini, dulu, kategori di blog ini hanya ada 5 saja, setelah saya pikir-pikir sepertinya kurang easy navigate bila hanya ada 5 kategori saja.

Kategori merupakan salah satu element penting dalam sebuah blog, agar pengunjung lebih mudah menavigasi blog anda.

Setelah berpikir cukup panjang, akhirnya saya menambah beberapa kategori baru sesuai dengan artikel-artikel yang ada pada blog ini. Anda bisa melihatnya di sebelah kanan anda atau pada sidebar, sudah berderet kategori-kategori yang bisa memudahkan anda untuk mencari informasi yang sedang anda cari.

Seperti yang anda lihat, susunan atau deretan kategori blog ini menjadi 2 kolom, tujuannya agar tidak terlalu panjang ke bawah karena akan memakan banyak tempat pada sidebar tersebut. Tapi 1 kekurangan dari merubah tampilan susunan kategori tersebut yaitu anda harus menuliskan kode secara manual agar susunan kategori blog anda menjadi 2 kolom.

Tertarik untuk mencobanya ??? Silahkan baca penjelasannya di bawah ini.

  • Silahkan anda buka file sidebar.php (Appearance > Editor).
  • Kemudian anda letakan kode di bawah ke dalam sidebar.php, untuk masalah dimana meletakannya itu terserah anda, yang penting jangan mengganggu isi sidebarnya.
  •  <?php $cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none&show_count=1')); $cat_n = count($cats) - 1; for ($i=0;$i<$cat_n;$i++): if ($i<$cat_n/2): $cat_left = $cat_left.'<li>'.$cats[$i].'</li>'; elseif ($i>=$cat_n/2): $cat_right = $cat_right.'<li>'.$cats[$i].'</li>'; endif; endfor; ?> <ul class="left"> <?php echo $cat_left;?> </ul> <ul class="right"> <?php echo $cat_right;?> </ul> 
  • Setelah itu anda buka file style.css, lalu masukan kode css di bawah ini ke dalam style.css, letakan pada baris paling bawah saja.
  •  .right {float:left; width:140px;} .left {float:left; width:140px;} 
  • Oke, selesai. Refresh halaman blog anda.

Sebagai catatan, apabila tampilan susunan kategori pada blog anda masih belum menjadi 2 kolom, bisa di sebabkan width atau lebar yang terlalu besar, coba anda kecilkan salah satu width yang ada pada kode css tadi.

Tutorial ini saya dapatkan dari blogohblog.com, silahkan anda mengunjungi kesana, karena masih ada 9 tutorial lagi yang menarik untuk dicoba juga.

Original post from :
Tutorial WordPress : Cara Split Tampilan Kategori Menjadi 2 Kolom
Download Free Ebook
Tutorial Tips WordPress | Margasatrya.com

Tidak ada komentar:

Posting Komentar