Setelah mencoba berbagai hack yang ada makan saya menjatuhkan pilihan pada script yang saya dapat di http://www.dillerdesign.com/experiment/DD_belatedPNG. Kelebihan yang tidak dimiliki oleh beberapa script PNG hack lainnya adalah transparansi pada background yang berulang. Beberapa script lainnya yang memiliki fungsi yang sama kebanyakan tidak dapat memperbaiki masalah transparansi pada background yang berulang. Tapi script ini melakukannya dengan sempurna.

Cara penggunaannya juga cukup mudah. Cukup meng-include script javascript di halaman yang ingin kita perbaiki dan memanggil fungsi yang akan memperbaiki background dan image pada elemen DOM yang kita inginkan. Kodenya bisa seperti ini

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->

Kode diatas hanya akan dieksekusi bila browser terdeteksi sebagai Internet Explorer 6. Kita dapat memasukkan parameter pada fungsi fix sama dengan format CSS selector seperti contoh diatas yang akan melakukan perbaikan pada elemen denga CSS class .png_bg.

Saya kira solusi untuk masalah transparansi PNG di Internet Explorer bukan masalah lagi untuk para web designer untuk menciptakan web yang terlihat sama disemua browser. Selamat mencoba.

Akhirnya teman saya memutuskan untuk mengikuti kemauannya dan mengiyakan perkataan client yang juga temannya itu. Dia mengatakan akan segera membuat design sesuai keinginan client dan kembali lagi dengan design baru. Dia bingung dan bertanya pada saya, betulkan tindakannya? Apa yang harus dilakukan? Menurut saya inilah yang harus dia lakukan untuk menghadapi client semacam itu yang juga teman dekat dia:

1. Profesional, kerjaan dan teman tidak bisa terlalu dicampur adukkan. Tapi bukan berarti faktor pertemanan harus dilupakan. Jangan karena faktor pertemanan berakibat kita sebagai pekerja menjadi tersiksa bekerja dengan bayaran yang tidak sepadan.
2. Tegas, sistem kerja dan cakupan kerja harus dari awal ditegaskan. Dengan bayaran sekian maka kita akan memberikan hasil dengan cakupan sekian. Dari awal sebaiknya client dijelaskan bahwa sistem kerja misalnya kita akan membuatkan design sesuai dengan yang dia butuhkan dan punya hak untuk 3 kali  melakukan perubahan mayor, untuk perubahan minor mungkin bisa dilakukan sebanyak 5 kali. Dan untuk bayaran sekian kita hanya bisa membuatkan design web tanpa animasi flash dan cakupan hasil kerja lainnya. Dengan adanya kejelasan sistem kerja dan cakupan kerjaan maka diharapkan pekerjaan dapat diselesaikan tepat waktu.
3. Kita harus bisa menjelaskan kenapa kita membuatkan design seperti itu. Dasar pertimbangan pemilihan warna dan faktor lainnya harus dijelaskan agar dia mengerti. Walaupun misalnya dia tidak mengerti penjelasan kita paling tidak kita telah menyampaikan kewajiban kita.
4. Bila client meminta perubahan macam-macam yang menurut kita tidak sesuai dengan estetika dan mungkin hasilnya tidak bagus maka kita harus menegaskan bahwa semua perubahan akan masuk dalam hitungan revisi. Bila jumlah revisi atau perubahan melebihi batas maka biaya pengembangan juga akan bertambah.
5. Client harus mengerti bahwa setiap pengerjaan dan perubahan yang dilakukan membutuhkan tenaga, waktu, dan sumber daya lainnya pada kita. Sehingga teman yang baik pasti mengerti kesusahan kita sebagai seorang freelancer.

Itulah menurut saya yang bisa dilakukan kepada client yang juga merupakan teman. Profesionalisme dan pertemanan memang susah untuk disatukan. Terkadang banyak terjadi perpecahan hubungan pertemanan karena masalah kerjaan. Teman yang baik pasti mengerti akan pekerjaan yang dilakoni temannya.

Konten

1. Content is the king, pepatah yang sangat klasik dalam SEO. Konten yang menarik akan menarik pengunjung secara optimal. Bila pengunjung mengunjungi website anda dan mendapatkan konten yang ia cari maka terkadang ia akan merekomendasikan atau membuat link ke website anda. Hal ini tentu akan membantu meningkatkan populeritas website anda. Karena itu mulailah SEO dengan membuat konten yang menarik dan banyak dicari orang. Makin banyak link yang menuju website anda maka website anda akan makin mudah memperoleh peringkat atas pada daftar pencarian search engine.
2. Pastikan code website anda lolos tes validitas XHTML & CSS atau biasa disebut web standart. Dengan memastikan semua kode telah benar maka bot search engine tidak akan kesulitan dalam membaca website anda. Anda bisa menvalidasi web anda pada http://validator.w3.org/
3. Gunakan text daripada gambar atau animasi flash pada konten penting. Bot search engine tidak dapat membaca gambar dan animasi flash. Pastikan anda menggunakan text pada gambar atau animasi flash. Seringkali suatu perusahaan ingin kelihatan canggih maka ia membuat homepage website mereka menggunakan flash tanpa konten teks. Akibatnya website mereka tidak dapat dikenali oleh search engine dan website mereka menjadi tidak populer. Walaupun sebenarnya masih bisa diakali dengan alternatif misalnya seperti penggunaan attribute ALT pada tag <img>.
4. Penggunaan format font seperti cetak tebal, miring, atau makin tinggi ukuran font makin membuat teks tersebut dianggap lebih penting dibanding teks lain disekitarnya. Contohnya teks dengan tag <h2> akan dianggap lebih penting daripada <h3> apalagi dibandingkan dengan <p>.
5. Gunakan attribut title dan alt pada tag image secara akurat untuk memberi maksud dari gambar yang ditampilkan.
6. Pastikan halaman web anda tidak lebih dari 150Kb karena bot search engine akan kesulitan membaca halaman web anda selain itu akan mengurangi beban server anda pada saat web anda sedang di-index.
7. Hindari duplikasi konten. Jangan sampai terdapat halaman dengan konten yang sama.
8. Hindari penggunaan frame karena search engine tidak dapat mengindeks konten didalam frame.
9. Jangan membuat konten yang berbeda pada saat dibaca oleh search engine dan pada saat diakses oleh user.
10. Jangan memasukkan ilegal konten kedalam website anda, contohnya copy paste dari web lain dan langsung dimasukkan ke dalam web anda.

Keyword, Header, dan Meta Tag

1. Pilih keyword yang tepat untuk memberikan gambaran konten website anda. Keyword merupakan kata-kata kunci yang dapat memberikan gambaran mengenai keseluruhan konten pada halaman web anda. Keyword yang tepat akan membuat website anda lebih mudah tampil pada saat para user mengetikkan keyword yang berkaitan dengan keyword anda di search engine. Jangan gunakan keyword yang tidak relevan dengan website anda karena akan membuat website anda di banned oleh search engine. Keyword ini berguna untuk digunakan pada header, title, tag, dan bagian web lainnya.
2. Pada bagian header halaman web gunakan keyword pada title, tag, dan description untuk memberikan gambaran konten yang ada pada halaman web kita.
3. Penggunaan heading tag (H1,H2,H3,dst) terkait dengan keyword pada halaman akan mempengaruhi bobot teks tersebut. Dengan memasukkan keyword dalam heading text maka keyword tersebut akan makin berbobot.

Link

1. Bobot suatu link dinilai atas beberapa faktor. Contohnya bila link ke web anda berasal dari text dalam paragraf maka link tersebut memiliki bobot lebih penting dibanding link yang terdapat pada sidebar. Bila link ke web anda berasal dari web yang memiliki reputasi bagus maka link tersebut akan mengangkat peringkat web anda.
2. Pastikan tidak ada broken link atau link ke halaman yang tidak ada, hal ini akan membuat ranking anda menurun pada search engine.
3. Jangan mencantumkan link ke link farm, link share, link exchange, atau website pertukaran link lainnya. Karena hal ini akan membuat website kita di banned oleh search engine.
4. Hindari membuat link dalam satu halaman terlalu banyak. Jumlah link wajar adalah kurang dari 100 link. Kalau link halaman web anda terlalu banyak maka search engine akan mengira bahwa web anda merupakan web link share, link exchange, atau web pertukaran link lainnya.
5. Hindari penggunaan redirect link kecuali terpaksa seperti redirect ke halaman login.
6. Pastikan tiap halaman dapat dicapai dari link. Bila sebuah halaman dapat dicapai hanya dengan meng-input form, memilih pada image map atau animasi flash maka search engine tidak akan dapat mencapai halaman itu karena bot search engine hanya dapat membaca page yang dicapai dari hyperlink.

Publikasi

1. Submit website anda ke search engine dan directory service seperti Google, Yahoo, dan DMOZ. Tapi jangan gunakan layanan yang menjanjikan akan mensubmit web anda ke 100 search engine atau lebih. Karena ada kemungkinan web anda akan dianggap sebagai spam, phising, dsb.
2. Penggunaan file robot.txt untuk memfilter akses search engine ke web server kita. Dengan demikian maka search engine tidak akan mengindeks file yang kita tidak ingin diakses oleh pihak luar. File robot.txt juga berguna untuk memberitahu lokasi file sitemap web kita.
3. Penggunaan sitemap yaitu file xml yang ditempatkan di web server dan berisi daftar konten web kita. Penggunaannya bisa dilihat di http://sitemap.org . File ini memudahkan search engine mengindeks web kita. Tapi kita juga perlu men-submint file tersebut ke search engine agar search engine lebih cepat mengetahui keberadaan file sitemap tersebut.
4. Update website anda, makin sering website anda di-update maka website anda tidak dianggap mati oleh search engine.

Lain-lain

1. Friendly URL, gunakan URL Rewriting pada URL page anda, misalnya untuk halaman http://thinkrooms.com/?p=1 sebaiknya dibuat menjadi lebih friendly seperti http://thinkrooms.com/post/1. Hal ini akan membuat bot search engine menganggap konten halaman tersebut adalah konten statis sehingga dimasukkan ke dalam indexing. Bila menggunakan karakter ? pada URL maka search engine menganggap bahwa halaman tersebut bersifat dinamis alias bukan konten tetap sehingga besar kemungkinan tidak dimasukkan ke dalam indexing.
2. Makin tua suatu web maka web tersebut akan lebih dianggap berbobot oleh search engine.
3. Hindari tampilan berbeda pada URL yang sama. Terkadang kita menyajikan tampilan yang berbeda bila akses dari browser atau dari handphone. Hal ini akan membuat search engine kesulitan mengindeks website anda karena terdapat 2 konten yang berbeda pada 1 URL. Sebaiknya gunakan URL yang berbeda untuk tiap tampilan. Seperti facebook yang menggunakan url m.facebook.com untuk tampilan mobile phone.

Itulah teknik-teknik dasar SEO yang bila diimplementasikan dengan baik maka akan membantu website anda muncul pada hasil pencarian dengan keyword yang sesuai dengan website anda. Semoga membantu.

Konsep dari theme WordPress adalah menggunakan template tag. Halaman theme akan digunakan sesuai dengan halaman yang diload. Contohnya pada saat konten posting kita ditampilkan maka yang dipanggil adalah file single.php. Bila yang ditampilkan adalah page maka yang dipanggil adalah page.php. Demikian juga dengan pemanggilan archive, category, dan halaman lainnya.

Agar lebih dapat dimengerti silakan ikut langkah tutorial berikut. Berikut adalah langkah-langkah perancangan dasar theme WordPress:

1. Langkah pertama siapkan template HTML & CSS yang sudah siap pakai. Template ini berupa template lengkap yang merupakan halaman web statis yang akan kita ubah menjadi themes WordPress. Anda sebaiknya merancang template HTML CSS terlebih dahulu sebelum mengubahnya menjadi themes WordPress. Template ini nanti akan kita pilah-pilah menjadi bagian-bagian dari theme WordPress. Berikut adalah kode HTML dari template basic kita:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Untitled Document</title>
   <link href="style.css" rel="stylesheet" type="text/css" />
   </head>
   <body>
   <div id="container">
          <div id="header">
          <ul id="pagelist">
          <li>home</li>
           <li>about</li>
           <li>contact</li>
       </ul>
           <h1>Title Blog</h1>
           <h3>Blog Description</h3>
       </div>
       <div id="content">
          <div id="content-right">
           <h2>Category</h2>
               <ul>
                   <li>internet</li>
                   <li>flash</li>
                   <li>web</li>
                   <li>php</li>
               </ul>
            <h2>Archive</h2>
               <ul>
                   <li>03/2008</li>
                   <li>02/2008</li>
                   <li>01/2008</li>
               </ul>
           </div>
           <div id="content-left">
                 <h2>Posting title</h2>
               <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
               </div>
               <h2>Posting title</h2>
               <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
               </div>
               <h2>Posting title</h2>
               <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
               </div>
           </div>
       </div>
       <div id="footer">
          <p>Basic Template Footer </p>
       </div>
   </div>
   </body>
   </html>

   Dan file style.css yang merupakan file style dari template kita:

   @charset "utf-8";
   body{
          font-family:Arial, Helvetica, sans-serif;
          }
   #container {
          width: 955px;
          margin:0 auto;
   }
   #header{
          height:100px;
          border-bottom:1px dotted #666666;
          }
   #searchform{
          float:right;
   }
   #pagelist{
          margin-top:20px;
          float:right;
          text-align:right;
          list-style:none;
          clear:right;
          text-transform:lowercase;
   }
   #pagelist li{
          float:left;
          text-align:right;
          margin-left:20px;
   }
   #content{
          margin-top:20px;
   }
   #content-left{
          width:582px;
          }
   #content-right{
          background-color:#CCCCCC;
          float:right;
          width:360px;
          }
   #content-right h2{
          margin-left:10px;
          }
   #footer{
          margin-top:20px;
          clear:both;
          text-align:center;
          border-top:1px dotted #666666;
   }

2. Selanjutnya kita akan membagi atau memotong kode HTML penyusun template diatas. Kode HTML kita bagi menjadi 4 bagian menjadi 4 file PHP yaitu:
   • Header.php, file yang akan menyimpan bagian header theme WordPress. Yang perlu dipertimbangkan pada bagian ini adalah header akan selalu di load atau ditampilkan pada tiap halaman WordPress kita. Jadi potong bagian penting yang harus diload tiap kita akan membuka semua halaman blog. Contohnya adalah bagian tag <head> pada file HTML dan sedikit bagian pad tag <body> pada contoh template basic diatas bagian yang dimasukkan adalah pada bagian header. Jadi untuk pemotongan awal inilah isi dari file header.php:

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>Untitled Document</title>
     <link href="style.css" rel="stylesheet" type="text/css" />
     </head>
     
     <body>
     <div id="container">
            <div id="header">
             <h1>Title Blog</h1>
             <h3>Blog Description</h3>
         </div>

   • Index.php, yaitu file utama yang akan diload pada saat pertama kali blog kita dibuka. File ini merupakan halaman depan dari blog WordPress kita karena itu tempatkan bagian body dari HTML template basic kita yang merupakan bagian konten utama dari template kita. Pada contoh template basic yang merupakan konten utama adalah pada bagian konten posting di blok content-left. Dengan demikian isi dari file index.php adalah sebagai berikut:

     <div id="content-left">
                   <h2>Posting title</h2>
                 <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
                 </div>
                 <h2>Posting title</h2>
                 <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
                 </div>
                 <h2>Posting title</h2>
                 <div>posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here. posting content here.
                 </div>
             </div>
         </div>

   • Sidebar.php, yaitu bagian sub content dari blog kita. Pada sidebar kita menempatkan beberapa informasi singkat dari blog kita seperti kategori, arsip, daftar link, dan sebagainya. Pada template basic yang dimaksud sidebar adalah pada blok content-right. Karena itu isi dari file sidebar.php adalah:

         <div id="content">
                <div id="content-right">
                 <h2>Category</h2>
                     <ul>
                         <li>internet</li>
                         <li>flash</li>
                         <li>web</li>
                         <li>php</li>
                     </ul>
                  <h2>Archive</h2>
                     <ul>
                         <li>03/2008</li>
                         <li>02/2008</li>
                         <li>01/2008</li>
                     </ul>
                 </div>

   • Footer.php, hampir sama dengan bagian header yaitu bagian penutup blog yang akan selalu diload setiap blog kita diakses. Dengan demikian pada bagian template basic kita yang dimaksud adalah blok footer. Kita bisa menempatkan kode javascript pada bagian ini. Isi dari footer.php akan menjadi sebagai berikut:

         <div id="footer">
                <p>Basic Template Footer </p>
             </div>
         </div>
         </body>
         </html>

3. Setelah selesai membagi template basic kita menjadi sub-sub template maka selanjutnya kita akan mengubah kode-kode HTML biasa dengan menambahkan beberapa kode PHP yang merupakan template tag dari WordPress. Template tag ini berfungsi untuk meload isi sebenarnya blog kita dari engine blog WordPress. Dengan demikian template tag akan menampilkan isi-isi dari blog. Berikut adalah perubahan pada file themes basic WordPress yang telah kita potong-potong sebelumnya:
   • Header.php, pada file ini kita menempatkan template tag yang akan meload beberapa komponen blog seperti blog-title, blog-description, page-menu, dan lain-lain. File ini bisa dipanggil dengan template tag <?php get_header(); ?>.  Berikut isi file header.php yang kita ubah:

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
     
     <head profile="http://gmpg.org/xfn/11">
     <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
     
     <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
     <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
     <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
     <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
     <?php wp_head(); ?>
     </head>
     <body>
     <div id="container">
            <div id="header">
             <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
             <h3><?php bloginfo('description'); ?></h3>
             <div id="searchform">
                   <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
                 <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
                 <input type="submit" id="searchsubmit" value="Search" />
                 </form>
              </div>
     <ul id="pagelist"><li><a href="<?php bloginfo('url'); ?>">home</a></li><?php wp_list_pages('depth=1&title_li='); ?></ul>
         </div>

   • Index.php, pada file ini kita akan meload daftar posting yang kita miliki. Berikut isi dari perubahan pada file index.php:

     <?php get_header(); ?>
     <?php get_sidebar(); ?>
     <div id="content-left">
             <?php if (have_posts()) : ?>
     
                   <?php while (have_posts()) : the_post(); ?>
     
                          <div id="post-<?php the_ID(); ?>">
                                 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                                 <small><?php the_time('F jS, Y') ?>  by <?php the_author() ?> </small>
     
                                 <div>
                                       <?php the_content('Read the rest of this entry »'); ?>
                                 </div>
     
                                 <p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
                          </div>
     
                   <?php endwhile; ?>
     
                   <div class="navigation">
                          <div class="nav-left"><?php next_posts_link('« Older Entries') ?></div>
                          <div class="nav-right"><?php previous_posts_link('Newer Entries »') ?></div>
                   </div>
     
            <?php else : ?>
     
                   <h2>Not Found</h2>
                   <p>Sorry, but you are looking for something that isn't here.</p>
                   <?php include (TEMPLATEPATH . "/searchform.php"); ?>
     
            <?php endif; ?>
             </div>
         </div>
         </div>
     <?php get_footer(); ?>

   • Sidebar.php, pada file ini kita akan meload beberapa widget yang telah kita set pada wordpress administrator. Sidebar yang diload ada 2 macam. Bila sidebar dipanggil oleh hompage atau page biasa maka yang diload adalah sidebar 1, sedangkan bila sidebar dipanggil oleh single post atau halaman yang menampilkan isi posting maka yang dipanggil adalah sidebar 2. File ini dipanggil dengan template tag <?php get_sidebar(); ?> Berikut adalah isi perubahan pada file sidebar.php:

     <div id="content">
         <div id="content-right">
             <?php if ( function_exists('dynamic_sidebar')): ?>
                   <?php if (is_single()): dynamic_sidebar(2) ?>
             <?php else : dynamic_sidebar(1) ?>
             <?php endif; ?>  
            <?php endif; ?>          
     </div>

   • Footer.php, pada file ini tidak terlalu banyak fungsi yang penting. Hanya sedikit informasi mengenai blog ini. File ini dipanggil dengan template tag <?php get_footer(); ?>. Berikut adalah isi dari footer.php:

     <div id="footer">
            <p>
                   <?php bloginfo('name'); ?> is proudly powered by
                   <a href="http://wordpress.org/">WordPress</a>
                   <br /><a href="<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a>
                   and <a href="<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a>.
                   <!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. -->
            </p>
         </div>
     </div>
     <?php wp_footer(); ?>
     </body>
     </html>

4. Setelah mengubah file template basic kita menjadi file theme  WordPress maka kita perlu menambahkan beberapa file theme lagi untuk melengkapi theme kita agar dapat bekerja secara penuh. Berikut ada file-file yang perlu kita buat:
   • Single.php, merupakan file theme turuan dari index.php. Strukturnya hampir sama namun yang membedakan adalah isi yang diload. Anda bisa mengkopi file index.php dan menyimpannya dengan filename single.php dan mengubahnya sedikit.  Pada bagian isi posting dan postmetadata Berikut adalah isi dari file single.php:

     <?php get_header(); ?>
     <?php get_sidebar(); ?>
     <div id="content-left">
                   <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                          <div id="post-<?php the_ID(); ?>">
                 <h2><?php the_title(); ?></h2>
                 <small><?php the_time('F jS, Y') ?>  by <?php the_author() ?> </small>
                 <div>
                     <?php the_content('<p class="serif">Read the rest of this entry »</p>'); ?>
                 <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
                 <?php the_tags( '<p>Tags: ', ', ', '</p>'); ?>
                 </div>
                 <p class="postmetadata alt">
                 <small>
                 This entry was posted on <?php the_time('l, F jS, Y') ?> at <?php the_time() ?>
                 and is filed under <?php the_category(', ') ?>.
                 You can follow any responses to this entry through the <?php comments_rss_link('RSS 2.0'); ?> feed.
                 <?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                     // Both Comments and Pings are open ?>
                     You can <a href="#respond">leave a response</a>, or <a href="<?php trackback_url(); ?>" rel="trackback">trackback</a> from your own site.
                 <?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                     // Only Pings are Open ?>
                     Responses are currently closed, but you can <a href="<?php trackback_url(); ?> " rel="trackback">trackback</a> from your own site.
                 <?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                     // Comments are open, Pings are not ?>
                     You can skip to the end and leave a response. Pinging is currently not allowed.
     
                 <?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                     // Neither Comments, nor Pings are open ?>
                     Both comments and pings are currently closed.
                 <?php } edit_post_link('Edit this entry.','',''); ?>
                 </small>
                 </p>
                          </div>
            <div class="navigation">
             <div class="nav-left"><?php next_posts_link('« Older Entries') ?></div>
             <div class="nav-right"><?php previous_posts_link('Newer Entries »') ?></div>
            </div>
            <?php comments_template(); ?>
            <?php endwhile; else: ?>
                   <p>Sorry, no posts matched your criteria.</p>
     <?php endif; ?>
             </div>
         </div>
     <?php get_footer(); ?>

   • Selain single.php yang memiliki struktur mirip dengan index.php ada juga file yang mirip yaitu page.php. File ini digunakan untuk menampilkan halaman yang dibuat. Contohnya halaman about dan contact. Berikut contoh page.php:

     <?php get_header(); ?>
     <?php get_sidebar(); ?>
     <div id="content-left">
     <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <div id="post-<?php the_ID(); ?>">
                   <h2><?php the_title(); ?></h2>
                   <div>
                   <?php the_content('<p class="serif">Read the rest of this entry »</p>'); ?>
                   <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
                   </div>
            </div>
     <?php endwhile; else: ?>
         <p>Sorry, no posts matched your criteria.</p>
     <?php endif; ?>
         </div>
     </div>
     <?php get_footer(); ?>

   • Untuk menampilkan daftar komentar pada suatu post maka diperlukan file comments.php. File ini dapat dipanggil dengan template tag  <?php comments_template(); ?>

     <?php // Do not delete these lines
            if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
                   die ('Please do not load this page directly. Thanks!');
            if (!empty($post->post_password)) { // if there's a password
                   if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) {  // and it doesn't match the cookie
                          ?>
                          <p class="nocomments">This post is password protected. Enter the password to view comments.</p>
                          <?php
                          return;
                   }
            }
            /* This variable is for alternating comment background */
            $oddcomment = 'class="alt" ';
     ?>
     <?php if ($comments) : ?>
            <h3 id="comments"><?php comments_number('No Responses', 'One Response', '% Responses' );?> to “<?php the_title(); ?>”</h3>
            <ol>
            <?php foreach ($comments as $comment) : ?>
                   <li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
                          <?php comment_author_link() ?> says:
                          <?php if ($comment->comment_approved == '0') : ?>
                          <em>Your comment is awaiting moderation.</em>
                          <?php endif; ?>
                          <br />
                          <small><a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('j F Y') ?> at <?php comment_time() ?></a> <?php edit_comment_link('edit','  ',''); ?></small>
                          <?php comment_text() ?>
                   </li>
            <?php  $oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : ''; ?>
            <?php endforeach; /* end for each comment */ ?>
            </ol>
      <?php else : // this is displayed if there are no comments so far ?>
            <?php if ('open' == $post->comment_status) : ?>
                   <!-- If comments are open, but there are no comments. -->
             <?php else : // comments are closed ?>
                   <!-- If comments are closed. -->
                   <p>Comments are closed.</p>
            <?php endif; ?>
     <?php endif; ?>
     <?php if ('open' == $post->comment_status) : ?>
     <h3 id="respond">Leave a Reply</h3>
     <?php if ( get_option('comment_registration') && !$user_ID ) : ?>
     <p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>
     <?php else : ?>
     <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
     <?php if ( $user_ID ) : ?>
     <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Logout »</a></p>
     <?php else : ?>
     <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
     <label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>
     <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
     <label for="email"><small>Mail (will not be published) <?php if ($req) echo "(required)"; ?></small></label></p>
     <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
     <label for="url"><small>Website</small></label></p>
     <?php endif; ?>
     <p><textarea name="comment" id="comment" cols="50%" rows="10" tabindex="4"></textarea></p>
     <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
     <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /></p>
     <?php do_action('comment_form', $post->ID); ?>
     </form>
     <?php endif;?>
     <?php endif;?>

   • Berikutnya adalah file functions.php yang merupakan file untuk menyimpan fungsi-fungsi yang berkaitan dengan theme buatan kita. Pada file ini kita mendeklarasikan widget yang kita inginkan. Pada file ini juga dapat memberi fungsi tambahan untuk administrasi theme dari WordPress administrator:

     <?php
     if ( function_exists('register_sidebar') ){
         register_sidebars(2,array('before_widget' => '<div id="%1$s" class="widget %2$s">',
     'after_widget' => "</div>",
     'before_title' => '<h2>',
     'after_title' => "</h2>"));
            }
     ?>

5. Selesailah theme WordPress kita. Sebenarnya masih ada file file lain yang dibutuhkan untuk menampilkan secara keseluruhan fungsi blog WordPress. Akan tetapi file tersebut tidak bersifat harus ada. Bila file tersebut tidak ada blog kita masih dapat menampilkan konten dengan baik. File-file itu dapat tergantikan oleh file default atau oleh file lainnya. Contohnya adalah archive.php,search.php,category.php, dll. Bila ingin tampilan theme anda dapat lebih spesifik maka anda dapat melengkapi file-file tersebut. Anda tinggal meng-copy semua file tersebut ke dalam 1 folder dan memasukkannya ke folder theme WordPress. Selanjutnya anda dapat mengaktifkan theme buatan anda dari menu Presentation pada WordPress Administrator.

Bila ingin menggunakan theme WordPress yang lebih lengkap maka theme default WordPress 2.3 adalah permulaan yang bagus. Kelengkapan fungsi dan file theme dapat dijadikan referensi untuk pengembangan theme anda sendiri.  Contoh theme wordpress yang kita gunakan diatas merupakan theme yang sangat dasar. Anda dapat memperbaiki theme tersebut dengan memodifikasi theme dan CSS dari theme tersebut. Anda juga dapat menambahkan beberapa gambar agar lebih menarik. Selamat berkreasi.

Referensi

• http://codex.wordpress.org
• http://codex.wordpress.org/Templates
• http://codex.wordpress.org/Theme_Development
• http://codex.wordpress.org/Blog_Design_and_Layout
• http://codex.wordpress.org/Developer_Documentation

Bank NISP salah satu perusahaan yang memperoleh hasil dari pengkategorian pekerjaan. Dengan cepat mereka berkembang dan menjadi salah satu Bank dengan perkembangan yang sangat pesat di Indonesia. Mereka bahkan membayar profesional IT yang kerjaannya cuman memikirkan ide bagus apa yang bisa diimplementasi di perusahaan mereka. Bukan untuk mengerjakan sesuatu. Hal ini membuat mereka dengan cepat melakukan update teknologi dalam perusahaan karena setiap bulan mereka memperoleh ide baru tentang update teknologi yang berkembang sangat cepat.

Saya rasa cukup gambaran pentingnya pembagian kerja yang baik, dan kenapa kerja team lebih baik daripada kerja individual. Di Prado pengembangan aplikasi web based sangat memungkinkan dilakukan pembagian kerja. Dengan sifat Prado yang memisahkan business logic dan presentation logic membuat kita dapat bekerja team langsung secara berbarengan. Seperti yang kita tahu bahwa alur pengembangan aplikasi adalah seperti berikut:

1. Requirement (Project Manager)
2. Analisa (System Analyst)
3. Desain (System Analyst, Web Designer, Programmer, dan Database Designer)
4. Implementasi (Web Designer, Programmer, Database Designer)
5. Testing
6. Maintenance

saya langsung membahas pada sisi implementasi yaitu pembuatan aplikasi berdasarkan hasil analisa dan desain. Berikut skenario kolaborasi menurut pemikiran saya:

1. Karena dokumen desain telah ada, maka web designer, programmer, dan, database designer tidak perlu saling menunggu. Mereke dapat langsung memulai pekerjaan masing-masing berdasarkan desain yang telah ada. Bila ada perubahan maka bisa meminta System Analyst untuk melakukan perubahan.
2. Pembagian kerja dengan Prado adalah sebagai berikut:
   • Web Designer melakukan perancangan tampilan XHTML + CSS berdasarkan dokumen desain yang ada dan mempersiapkan layout component template Prado yaitu file TPL, dan PAGE.
   • Programmer membuat kode program berdasarkan business logic yang ada. Bila membutuhkan perubahan template maka bisa memberitahu pada web designer.
   • Database designer merancang dan membuat query SQL yang dibutuhkan programmer menggunakan feature Prado SQL MAP sehingga memudahkan programmer dalam menampilkan data yang diinginkan.

   Dari skenario di atas maka diagram kolaborasi bisa di gambarkan seperti berikut:

   SQLMAP <==========> PHP <=========> PAGE/TPL
   DB DESIGNER PROGRAMMER WEB DESIGNER

Demikian skenario kolaborasi pengerjaan suatu aplikasi web menurut pemikiran saya. Skenario di atas adalah kolaborasi paling sederhana dan tidak menggunakan metode-metode pengembangan aplikasi seperti Agile, Extreme, USDP, RUP, Prototype, atau metode lainnya yang banyak kita peroleh di bangku kuliah. Improvisasi dan Kreatifitas diperlukan agar membuat metode sederhana diatas dapat berjalan dengan baik. Mohon maaf bila ada penggunaan bahasa yang tidak cocok atau tidak dapat dimengerti. Mohon saran dan kritik bila ada yang salah. Terima kasih.

Cara paling cepat mendapatkan website adalah dengan membuat blog. Dan aplikasi blog paling banyak digunakan saat ini adalah WordPress yang sama seperti saya gunakan di website ini. Klo mau instant cukup daftar aja di website wordpress atau di penyedia layanan blog lainnya. Kamu bisa mempunyai website kira-kira hanya dalam 15 menit. Dengan wordpress ada beberapa keuntungan dan kekurangan. Berikut adalah beberapa keuntungan wordpress di antaranya:

1. Cepat, cuma dengan daftar di website wordpress atau host sendiri. Website kita bisa online paling lama 2 hari bila tidak ada masalah untuk yang host sendiri. Syukur-syukur bisa dalam 15menit dengan daftar aja di wordpress.
2. Gratis, klo daftar di wordpress. Dan murah klo host sendiri, cuma bayar 100 ribu dah dapat domain sendiri dan space 25 MB di Idebagus. Tidak perlu bayar web developer untuk buat website sejenis wordpress.
3. Template yang bebas pilih. Tersedia ratusan template wordpress yang gratis digunakan. Cukup pilih dan aktifkan template yang diinginkan maka jadilah tampilan website kamu sesuai yang diinginkan.
4. Fungsi tambahan gratis, tersedia banyak plugin wordpress yang dengan mudah digunakan dengan website kamu. Mau jualan, pajang gallery foto, atau fungsi lainnya tinggal upload dan aktifkan.

Tapi ada juga kekurangannya. Menurut saya kekurangan dasar wordpress cocoknya cuma buat blog, untuk membuat website custom masih kurang powerfull. Walaupun ada banyak plugin, tapi fungsinya belum tentu 100% sesuai dengan keinginan kamu.Untuk itu ada drupal, yaitu CMS atau Content Management System yang lebih flexible dan bisa membangun website yang kita inginkan dengan mudah. Berikut beberapa kelebihan Drupal:

1. Dengan arsitekture node dan block maka drupal bisa membuat website pribadi, company profile, blog namun tidak se powerfull wordpress, gallery, online shop, dan banyak lagi. Yang paling mendukung drupal untuk website custom menurut saya adalah adanya module views dan CCK( Content Construction Kit) dengan module ini kita bisa membuat node atau content sesuai keinginan kita dan dengan mudah ditampilkan di halaman website.
2. Keuntungan lain hampir sama dengan wordpress di atas tapi drupal setahu saya belum ada hosting khusus yang gratis seperti wordpress.

Kekurangan drupal menurut saya adalah sebagai berikut:

1. Tampilan control panel Drupal tidak semantap wordpress. Harusnya control panel terpisah dengan website sehingga bila ada kesalahan template tidak mengganggu tampilan pada saat administrasi.
2. Core Drupal memberikan website dengan feature user interface masih standar untuk jaman web 2.0 saat ini. Sekarang tampilan sangat mengesankan dengan adanya beberapa teknik yang ingin menyamai tampilan desktop. Contohnya lightbox, kemudian javascript widget, AJAX, dan feature web 2.0 lainnya.

Itulah menurut saya kelebihan dan kurangan menggunakan wordpress dan drupal yang merupakan CMS yang banyak digunakan dalam membangun website instant. Menurut saya klo cuma sekedar iseng dan bukan untuk hal yang sifatnya komersil penggunaan cms instant seperti drupal dan wordpress dengan template gratisan bukanlah suatu masalah. Tapi bila ingin lebih memperoleh kesan profesional dan benar-benar sesuai keinginan maka tidak ada salahnya kamu membayar web designer profesional untuk membuat template untuk dipasang dengan CMS yang kamu suka. Mereka bisa membuat website sesuai dengan identitas kamu. Bukan identitas orang lain. Ingin benar-benar memiliki website dengan feature yang sesuai kenginanan, maka bayarlah web designer dan web developer untuk membuat website seusai keinginan kamu. Untuk itulah web developer dan web designer ada. Untuk membantu kamu memperoleh manfaat lebih dari website.