Cara membuat 1 list menjadi 2 kolom itu sangat berguna apalagi bagi yang punya template 2 kolom dan lebih beruntung lagi kalo punya template 3 kolom jadi bisa hemat tempat, dapat meletakkan 2 widget atau tambahan lainya ke dalam 1 list saja.

Langkah-langkahnya:

1. Masukan kode CSS dibawah ini sebelum kode ]]>
   

   
   /* Kode Css List Two Kolom
   ------------------------------------------------------------------------------------------*/
   #catl {
   padding :5px 10px;
   width : 91%;
   background-color : #ffffdd;
   border : 1px solid #ccc;
   margin : auto;
   }
   
   #catl h3 {
   display : block;
   color : #669900;
   padding-bottom : 5px;
   margin-bottom : 5px;
   border-bottom : 1px solid #666;font-size:14px;
   }
   
   /* style all the list items here */
   #catl ul li {
   height : 1em;
   list-style-type : none;
   color : #333;
   padding : 0.3em 0 0.4em 0.25em;
   font-size : 0.9em;
   border-bottom : 1px solid #ccc;
   text-indent:0px;
   }
   
   /* every second list item is positioned outward and moved up equal to LI height to even them */
   
   #catl ul li.catl_l2 {
   margin-left : 50%;
   margin-top : -1.8em;
   padding : 0.3em 0 0.4em 0.5em;
   border : 0;
   }
   
   /* Every other two list items are styled with a background for usability and style */
   .catl_alt {
   background-color : #fffffc;
   }
   
   /* ini merupakan code hacking css untuk Ie 6*/
   * html #catl ul li.catl_l2 {
   margin-top : -2.3em;
   }

   Catatan : warna hijau anda boleh menggantinya sesuai kebutuhan template/selera anda.



2. Klik Simpan dan Pilih Page Element Dan pilih Add Page Element/Tambahkan sebuah widget baru dengan pilihan Html/java script.


Kemudian masukkan kode ini di dalamnya:


• List URL :

"catl">


Satu List Dua Kolom






• "#">List Item Satu


• "catl_l2"
>"#">List Item Dua

• "catl_alt"
>List Item Tiga

• "catl_l2"
>List Item Empat

• 
  
List Item Lima

• "catl_l2"
>List Item Enam

• "catl_alt"
>List Item Tujuh

• "catl_l2"
>List Item Delapan





• List Images

"catl">


Satu List Dua Kolom






• "#">


• "catl_l2"
>"#">

• "catl_alt"
>

• "catl_l2"
>

• 
  


• "catl_l2"
>

• "catl_alt"
>

• "catl_l2"
>





3. Simpan dan lihat hasilnya.

Catatan penting :

• Yang perlu di ganti adalah tulisan antara tag
• dan
.

Jika ingin membuat linklist contohnya seperti ini.


Nama List


jika ingin membuat list berupa link gambar seperti ini.







• Atur tulisan list-nya jangan terlalu panjang. Dan Jika ingin menggunakan gambar atur nilai tinggi dan lebarnya, kira-kira 75px X 10px.