Tutorial Tips Wordpress | Margasatrya.com |
| Tutorial WordPress : Cara Split Tampilan Kategori Menjadi 2 Kolom Posted: 30 Oct 2010 11:07 AM PDT
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.
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.
<?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> 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;} Sebagai catatan, apabila tampilan susunan kategori pada blog anda masih belum menjadi 2 kolom, bisa di sebabkan 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 : |
| You are subscribed to email updates from Tutorial Tips Wordpress | Margasatrya.com To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
Tidak ada komentar:
Posting Komentar