Artikel tersebut memberikan inspirasi untuk membuat tampilan yang mirip rapi dengan sumber data dari kategori artikel di blog dengan Textpattern.

Saya hendak membuat tampilan nama kategori dengan jumlah artikel di dalam kategori tersebut, kemudian nama kategori tertaut ke dalam daftar artikel yang termasuk di dalamnya. Dari sini saya mendapatkan sumber data : nama kategori dan jumlah artikel di dalam kategori.

Saya hendak membuat tampilan nama kategori dengan jumlah artikel di dalam kategori tersebut, kemudian nama kategori tertaut ke dalam daftar artikel yang termasuk di dalamnya. Dari sini saya mendapatkan sumber data : nama kategori dan jumlah artikel di dalam kategori.

Mengambil data

Untuk menarik hasil dari sumber data tersebut , bisa dengan mempergunakan plugin smd_query. Plugin ini berfungsi untuk menjembatani pengguna untuk berbicara atau memanggil data dan fungsi spesifik di dalam database SQL.

Setelah memasang pulgin smd_query, gunakan kode ini untuk memanggil data dari SQL :

    <txp:smd_query query="SELECT DISTINCT 
             txc.name, COUNT(*) AS count FROM txp_category AS txc,
             textpattern AS txp
             WHERE type='article'
             AND (txc.name = txp.category1 OR txc.name = txp.category2)
             GROUP BY txc.name" 
             wraptag="ul" class="chartlist" break="li" />

Kode ini akan menelusuri table textpattern dengan filter jenis article dan kemudian memeriksa data di kolom Category1 dan Category2. Setelah itu semua data dimasukkan dalam satu grup dengan nama name .

Kemudian smd_query akan memeriksa grup ini, dan mengelompokkan nama – nama kategori dalam artikel menjadi satu nama kategori ( jika sama ). Dan diberi nama count.

Menampilkan data dengan ALA Accesible Data Visualization

Sebelumnya perlu di inga bahwa saya telah memiliki snippet bernama name dan count , yang dengan smd_query biasa ditampilkan dengan kode {nama_snippet}.

Untuk menampilkan daftar kategori, saya akan mempergunakan tag txp:category dengan tambahan atribut :

• link untuk membuat daftar kategori bisa ditautkan ke daftar artikel berdasarkan kategori tersebut,
• name untuk menampilkan kategori lebih spesifik dengan filter nama kategori,
• title untuk menampilkan nama kategori, dan
• section untuk memfilter kategori per bagian

Kemudian juga disesuaikan dengan format kode yang dipergunakan di ALA Accesible Data Visualization.

   <txp:category name='{name}' link='1' title='1' section='blog' />
   <span class="count">{count}</span>
    <span class="index" style="width: {count}%">({count}%)</span>

Terakhir , saya menyatukan kode sehingga menjadi seperti ini :

 
  <txp:smd_query query="SELECT DISTINCT 
             txc.name, COUNT(*) AS count FROM txp_category AS txc,
             textpattern AS txp
             WHERE type='article'
             AND (txc.name = txp.category1 OR txc.name = txp.category2)
             GROUP BY txc.name" 
             wraptag="ul" class="chartlist" break="li">
       <txp:category name='{name}' link='1' title='1' section='blog' />
       <span class="count">{count}</span>
       <span class="index" style="width: {count}%">({count}%)</span>
     </txp:smd_query>

Selesai, dan contoh tampilan bisa dilihat di WC.

Di ALA Accesible Data Visualization memberikan 3 tampilan berbeda yaitu sparkline, timeline, dan chartlist. Dalam tutorial ini memang baru menampilkan ala chartlist, tapi tentu saja untuk 2 yang lainnya juga bisa diimplementasikan dengan mudah. Selamat mencoba.

Related posts

• No related posts.

Beberapa ikon dalam WooFunction

WooThemes merilis WooFunction (link download bisa dilihat di halaman ini), sebuah icon set gratis yang berisi 178 icon yang berhubungan dengan web design.

Icon set dirilis dalam format GPL dengan ukuran 32×32 px file .PNG dan bisa dipergunakan untuk keperluan personal maupun komersial.

Related posts

• Icon Gratis: Quartz Icon Pack (0)
• Icon Gratis: Splashy (0)
• Icon Gratis: WP WooThemes Ultimate Icon Set (3)
• 150+ Icon Gratis: Flavours dan Cute Tweeters (0)
• 1000+ Free Icon untuk Web Development (4)

Contoh Liquid Image FX

Tampilan efek yang dihasilkan bisa dilihat di halaman demo ini, sedangkan kode JavaScript bisa di download dari halaman ini.

Liquid Image FX dirilis dalam MIT License.

Related posts

• Multi-level Menus dengan JS dan CSS (0)
• Membuat tooltips dengan BeautyTips (0)
• Membuat Slideshow dengan CrossSlide (0)
• Tinggi elemen yang seragam dengan EqualHeights jQuery Plugin (0)
• Membuat Slideshow dengan s3Slider jQuery plugin (1)

Bahkan untuk mendukung hal tersebut, banyak bermunculan situs – situs yang menyediakan layanan pemampatan alamat URI dengan metode Short URL tersebut. Diantaranya Tiny.URL ,Bit.ly, Is.gd dan lain – lain.

Memudahkan bukan. Dan buat kamu pengguna TxP, kita pun sebenarnya juga bisa membuat sendiri Short URL dengan mudah, dan memiliki kelebihan disisi hasil pemampatan yang lebih mudah di ingat.

Lalu bagaimana caranya ? mudah :

1. Untuk membuat Short URL, maka kita perlu menambahkan kode rev=canonical service di dalam tag HEAD, gunanya adalah untuk meng-redirect tautan Short URL kita nanti nya.

   
    
     <link rev="canonical" href="http://con.toh/url/panjang-aslinya" />
    
    

   Di TxP, kita bisa mempergunakan kode seperti berikut :

    
     <txp:php>
    $have_id = preg_match('#^/([0-9].*)#', $_SERVER['REQUEST_URI'], $m);
    if ($have_id) {
     $id = $m[1];
     $permlink = permlinkurl_id($id);
     if ($permlink) {
       ob_end_clean();
       header("HTTP/1.0 302 Moved Temporarily");
       header("Location: $permlink");
       die();
      }
     }
    </txp:php>
   
    
    

   Tapi jika kamu punya masalah sepertiku, yang tidak jago di PHP(HyperText Pre Processor) dan lebih suka mempergunakan tag – tag XML(Extensible Markup Language) TxP yang terkenal fleksible itu, kamu bisa mempergunakan plugin <a href="http://stefdawson.com/sw/beta-plugin-downloads"smd_short_url. Plugin ini mempermudah kita untuk memasukkan kode rev=canonical service. Ok gunakan kode

   
     
      <txp:smd_canonical_url />
    
   
     
     

   sebagai pengganti beberapa baris kode PHP diatas.

2. Selanjutnya, untuk memunculkan Short URL. Sebelumnya mari kita tentukan format dari Short URL nantinya.

   Dalam contoh ini, saya hendak mempergunakan format sebagai berikut http://situs.com/23 , dimana angka 23 adalah angka ID dari artikel.

   Jadi ditempat kita hendak menampilkan Short URL , saya tinggal menambahkan baris kode sebagai berikut :

     
     <a href='<txp:site_url /><txp:article_id />'>Short Url</a>
   
     
     

   Dimana <txp:site_url /> akan menghasilkan http://situs.com/ dan <txp:article_id /> menghasilkan nomor urut artikel yang sedang tampil ( dalam LOOP ).

3. Selesai dan simpan.

Sederhana dan mudah bukan ? Oh ya sekarang Short URL sudah siap dipergunakan di situs layanan social networking favoritmu :) .

fn1. Short URL adalah cara untuk memudahkan penulisan alamat URI dengan tujuan memperendek alamat URI yang panjang. Untuk melakukan ini , diwajibkan untuk menambahkan link=rev di dalam tag HEAD

Related posts

• Membuat ” share box ” cantik (5)
• Custom field di Textpattern (3)

Tampilan Color Scheme Designer

Color Scheme Designer memberikan beberapa pilihan kombinasi warna yang bisa dipilih. Selanjutnya, kita bisa melihat preview dari warna yang telah kita pilih apabila diaplikasikan ke dalam layout yang ditampilkan dengan menggunakan modal window.

Kita bisa meng-export warna yang sudah dipilih ke dalam format html, xml, text, Photoshop dan GIMP palette.

Sangat menarik untuk dicoba!

Catatan: Pengguna IE6 tidak bisa menggunakan Color Scheme Designer. Hooray! :p

Related posts

• Tools Menarik dari westciv.com (0)
• 10 fonts gratis terbaik untuk @font-face (3)
• 10 Tips Membuat Design Shopping Cart (4)
• Menghitung Biaya Pembuatan Website dengan Web Development Project Estimator (6)
• Logo Gratis dari LogoInstant (0)

Pesan kesalahan saat upgrade WordPress

Dengan sedikit pencarian, saya menemukan sebuah topik yang membahas permasalahan yang sama.

Solusi yang disarankan adalah:

1. edit wp-settings.php
2. temukan baris kode define('WP_MEMORY_LIMIT', '32M');
3. ubah menjadi define('WP_MEMORY_LIMIT', '64M');

Setelah melakukan pengubahan seperti di atas, proses upgrade kembali berjalan dengan baik.

Catatan: Proses seperti di atas tidak berjalan dengan baik pada satu blog lainnya di server yang sama dan terpaksa harus diupgrade secara manual.

Ada yang punya cara lain untuk mengatasi error semacam ini?

Related posts

• WordPress Plugin untuk Pengumuman: WP-Pengumuman (11)
• WordPress 2.8 (0)
• WordPress 2.7 (0)
• Free WordPress Theme: Equilibrium (1)
• Free WordPress Theme: Typebased (4)

Contoh beberapa icon dari Quartz Icon

Semua icon boleh digunakan untuk project pribadi maupun komersial.

Related posts

• Icon Gratis: WooFunction (1)
• Icon Gratis: Splashy (0)
• Icon Gratis: WP WooThemes Ultimate Icon Set (3)
• 150+ Icon Gratis: Flavours dan Cute Tweeters (0)
• 1000+ Free Icon untuk Web Development (4)

Kunjungi dan baca tutorialnya disini , atau kamu juga bisa melihat dulu hasil implementasi nya disana.

Hai Textpatternian, Patrick di TxP Tips juga sudah membuat tutorial untuk menerapkannya ke TxP.

Mudah dan indah. Mau ???

Related posts

• Membuat Short URL sendiri dengan TxP (5)
• Custom field di Textpattern (3)
• Membuat tooltips dengan BeautyTips (0)
• Membuat Slideshow dengan CrossSlide (0)
• Tinggi elemen yang seragam dengan EqualHeights jQuery Plugin (0)

Beberapa fitur terbaru dari Firefox 3.5:

• Dukungan untuk HTML 5: audio dan video element
• Dukungan @font-face untuk menggunakan jenis font sesuai keinginan
• opacity yang menggantikan -moz-opacity
• text-shadow untuk memberikan efek bayangan pada text
• Private Browsing Mode

Firefox terbaru ini akan me-replace instalasi Firefox versi sebelumnya.

Download Mozilla Firefox 3.5.

Related posts

• Internet Explorer 8 (2)

Beberapa triknya:

• mengaktifkan/menon-atifkan cache
• mengaktifkan/menon-atifkan post revision
• mengatur rentang waktu autosave

Artikel lengkap bisa dibaca di WordPress Configuration Tricks.

Related posts

• No related posts.

Di dalam artikelnya juga disertakan sebuah tutorial untuk membuat “Mega Menu” dengan jQuery dan CSS, yang sangat cocok diterapkan untuk online store.

Related posts

• JavaScript Liquid Image FX (1)
• Membuat tooltips dengan BeautyTips (0)
• Membuat Slideshow dengan CrossSlide (0)
• Tinggi elemen yang seragam dengan EqualHeights jQuery Plugin (0)
• Membuat Slideshow dengan s3Slider jQuery plugin (1)

Panduan yang diberikan sangat lengkap dilengkapi dengan gambar dan video. Panduan juga disediakan dalam bentuk file .PDF sehingga bisa dibaca secara offline.

Related posts

• No related posts.

Contoh tampilan WP-Pengumuman

Menggunakan WP-Pengumuman mungkin salah satu solusinya.

WP-Pengumuman adalah sebuah plugin WordPress yang akan membantu anda mengumumkan informasi berupa gambar, text ataupun flash dengan memanfaatkan Thickbox jQuery plugin yang sudah disertakan dalam setiap instalasi WordPress.

Informasi akan ditampilkan pada setiap pengunjung yang masuk dengan menggunakan modal window.

Pengguna bisa mengubah beberapa pengaturan melalui admin panel yang tersedia, diantaranya:

• mengubah judul pengumuman
• mengubah URL gambar atau text yang akan digunakan
• opsi untuk menggunakan gambar atau text
• mengganti ukuran width dan height window pengumuman
• opsi untuk menggunakan cookie, mengubah nama cookie dan berapa hari cookie expire

Instalasi

1. Upload ‘wp-pengumuman‘ folder ke direktori ‘/wp-content/plugins/‘ di server
2. Aktifkan plugin melalui menu ‘Plugins’ di dashboard admin
3. Ubah pengaturan WP-Pengumuman dari menu ‘Settings > WP Pengumuman‘
4. Jangan lupa untuk mengubah ‘Status‘ menjadi ‘Active‘ kemudian klik ‘Update Setting‘
5. Lihat website anda untuk melihat pengumuman

Terimakasih untuk:

• jquery.cookie.js dari Klaus Hartl.
• How to Write a WordPress Plugin oleh Ronald Huereca.

Lisensi

WP-Pengumuman dirilis dengan lisensi GPL yang berarti boleh digunakan untuk kepentingan pribadi maupun komersial (feel free to use this plugin for your personal or commercial project).

The only limitation is, please do not use this plugin in a blog that write about racism, attacking another religion, porn site, gambling site. If you do so, please not to credit me in anyway.

Karena ini plugin pertama saya, jika sudah ada yang menggunakan, mohon masukannya supaya plugin ini bisa menjadi lebih baik. Kalau mau kirim donasi juga boleh kok :d

Klik link di bawah ini untuk mendownload pluginnya.

=== Download WP-Pengumuman ===

== Changelog ==

= 08/31/2010 v1.01 =
* Fixed: URL for jquery.cookie.min.js now pointing to plugin directory.

Related posts

• Mengatasi Fatal Error Pada Saat Upgrade WordPress (1)
• WordPress 2.8 (0)
• WordPress 2.7 (0)
• Free WordPress Theme: Equilibrium (1)
• Free WordPress Theme: Typebased (4)

Beberapa perbaikan yang bisa didapat dari WordPress 2.8:

• browse seluruh theme directory dan menginstall theme yang diinginkan dengan meng-kliknya langsung dari WordPress dashboard.
• CodePress editor yang menampilkan syntax highlighting pada saat mengedit theme atau plugin.
• tampilan halaman widget yang baru serta beberapa fungsi yang memudahkan penggunaan widget
• halaman Dahsboard yang bisa diatur hingga 4 kolom

Fitur lengkap dari WordPress 2.8 bisa dilihat di halaman Codex WordPress 2.8.

WordPress 2.8 bisa didownload di halaman Download WordPress atau dari menu Tools > Upgrade dari halaman admin WordPress anda.

Sebelum melakukan upgrade, ada baiknya untuk terlebih dahulu melakukan cek terhadap kompatibilitas semua plugin yang anda gunakan.

Related posts

• Mengatasi Fatal Error Pada Saat Upgrade WordPress (1)
• WordPress Plugin untuk Pengumuman: WP-Pengumuman (11)
• WordPress 2.7 (0)
• Free WordPress Theme: Equilibrium (1)
• Free WordPress Theme: Typebased (4)

Saya tidak! , tapi Vladimir Carrer bisa membuktikannya.

Kodenya : .dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }

Serius, ternyata ini benar – benar bisa berjalan baik, walau hanya untuk penggunaan pada 1,2,4,8,16 kolom. Luar biasa.

Related posts

• CSS Framework: SenCSs (2)

Tools yang disediakan memiliki beberapa options yang bisa diubah, yang akan langsung terlihat perubahannya dalam tampilan preview dengan code CSS yang siap di copy.

Linear gradients dan radial gradients hanya bisa berjalan di atas browser webkit-based (Safari dan Chrome), box shadow hanya di Safari 3 dan Firefox 3.5, sedangkan text-shadow yang merupakan bagian dari CSS3 bisa dicoba di Safari, Firefox 3.5 dan Opera 10.

Related posts

• Color Scheme Designer (2)
• 10 fonts gratis terbaik untuk @font-face (3)
• Menghitung Biaya Pembuatan Website dengan Web Development Project Estimator (6)
• CSS Framework: SenCSs (2)
• 35 Free XHTML / CSS website template (3)

@font-face adalah at-rule dalam CSS yang dipergunakan untuk mendeskripsikan secara detil dari sebuah font yang bisa di embed melalui CSS eksternal.

Gratis, segera unduh!!!

Related posts

• Color Scheme Designer (2)
• Tools Menarik dari westciv.com (0)
• Font Gratis dan Berkualitas di fontsquirrel (7)
• Menghitung Biaya Pembuatan Website dengan Web Development Project Estimator (6)

Bedanya yang di bahas kali ini adalah pemakaian custom field untuk Textpattern.

Apa itu Textpattern ???

Textpattern adalah content management system yang fleksibel, elegan, dan mudah di operasikan. Mirip dengan WordPress kecuali bahwa pada kenyataannya WordPress dibangun hanya untuk mesin blog, sedangkan Textpattern adalah murni CMS.

Di Smashing Magazine, Anda akan menemui kata hacks pada judulnya, tapi di Textpattern mungkin kata – kata itu tidak berarti.

Di bawah ini saya akan menunjukkan cara penggunaan custom field untuk melakukan pekerjaan – pekerjaan seperti yang di maksudkan di Smashing Magazine.

Sebelumnya, ada perbedaan cara mempergunakan custom field di TxP dan WordPress. Di TxP custom field harus sudah di atur dengan nama unik. Pengaturan bisa dilakukan di halaman preferences .

Sedangkan untuk mengisi custom field bisa dilakukan lewat halaman write article. Untuk mempelajari tampilan visual dari halaman write article silakan merujuk ke Textbook.

Untuk sementara , TxP hanya menyediakan custom field sebanyak 10 buah saja, dan akan di kembang biak-kan menjadi unlimited di rilis berikutnya 4.0.9.

1. Mengatur waktu kadaluwarsa artikel

Problem : Kadang kala ( seperti saat mengadakan kontes ) Anda ingin menampilkan artikel dan kemudian otomatis berhenti tampil setelah beberapa waktu. Ini mungkin akan sulit untuk melakukannya, padahal sebenarnya tidak begitu. Ya tentu saja dengan kehebatan dari custom field.

Solusi : Sayangnya…. di Textbook Textpattern tidak termuat halaman yang menceritakan bagaimana cara untuk melakukannya.

Tapi tidak perlu khawatir, karena sejak versi rilis 4.0.7, Textpattern sudah menyediakan fungsi ” best before … ” untuk menentukan waktu kadaluwarsa dari artikel.

Untuk mempergunakannya, Anda harus terlebih dahulu menentukan kapan artikel akan kadaluwarsa di halaman Write article . Kemudian di halaman template Anda , gunakan kode ini :

<txp:if_expired>
Artikel sudah kadaluwarsa.
<txp:else />
Isi artikel
</txp:if_expired>

Penjelasan kode : fungsi <txp:if_expired> akan memeriksa apakah kolom kadaluwarsa sudah di atur, jika sudah dan waktu sudah terpenuhi maka akan mengeksekusi atau menampilkan teks : Artikel sudah kadaluwarsa , jika tidak maka akan menampilkan isi dari artikel.

Anda juga bisa mengganti isi text dengan kode – kode template Anda.

2. Tampilkan artikel penuh atau hanya ringkasannya saja ?

Problem : Penulis artikel di Smashing Magazine heran kenapa hampir 95% ( keakuratan belum terbukti ) blogger menampilkan artikelnya dengan cara yang sama dihalaman depannya. Padahal akan lebih baik jika ada kombinasi untuk menampilkan artikel dengan full post dan atau hanya dengan ringkasannya saja.

Solusi : Ada 2 cara di Textpattern untuk memberikan opsi kepada penulis untuk menentukan bagaimana cara artikel ditampilkan, apakah dengan full post dan atau hanya dengan ringkasannya saja.

• Cara pertama dengan mempergunakan custom field.

Atur terlebih ( beri nama ) dahulu 1 buah custom field lewat halaman preferences, dalam kasus ini mari kita beri nama : model.

Kemudian di template di sisipkan kode berikut :

<txp:if_custom_field name="model" val="full">
<txp:article form="full_post" />
<txp:else />
<txp:excerpt />
</txp:if_custom_field>

Penjelasan kode : kode ini sederhana, pertama Textpattern akan memeriksa custom field dengan nama model , jika isi ( val ) dari custom field adalah full, maka kode <txp:article form="full_post" /> akan di eksekusi. Jika tidak berisi full atau kosong, maka yang akan di eksekusi adalah kode <txp:excerpt /> .

• Dengan Override form

Fitur Override form juga bisa dipergunakan untuk melakukan pekerjaan ini. Caranya adalah membuat beberapa buah forms berbeda, dengan model full post dan ringkasan. Bahkan untuk ringkasan pun juga bisa ditentukan menurut beberapa kondisi, seperti 1 paragraph , 2 paragraph, 100 kata dan lain – lain.

Untuk mempergunakannya, pada pilihan drop down override img , pilih form yang hendak dipergunakan oleh artikel.

3. Menampilkan mood ?? atau musik yang sedang di dengarkan.

Problem : Anda ingin menampilkan mood sekarang atau musik yang sedang diperdengarkan.

Solusi : Mudah. tentu saja dengan kekuatan custom field. Buat terlebih dahulu 1 custom field, beri nama mood. Di tempat yang ingin ditampilkan gunakan kode :


<txp:if_custom_field name="mood" />
<p>Mood : <txp:custom_field name="mood" /></p>
</txp:if_custom_field>


4. Menambahkan deskripsi META ke post

Problem : Anda ingin menambahkan deskripsi META di post, tentu saja isi deskripsi berbeda – beda tiap artikel, dan yahhh WordPress tidak bisa melakukkannya. Bagaimana dengan Textpattern ?

Solusi : Di Textpattern Anda tidak perlu melakukan hacks untuk menambahkan META. Sungguh , Textpattern sudah datang dengan fungsi itu di rilisnya.

Kali ini tanpa custom field, caranya :

Di halaman write article, di bagian kolom keywords img isi dengan tag yang ingin dipergunakan.

Kemudian di dalam tag HTML HEAD, gunakan kode berikut :


<txp:meta_keywords />


5. Tautan ke sumber eksternal

Problem : Jadi Anda ingin membuat tautan ke sumber eksternal pada judul artikel ?

Solusi : Untuk ini harus mempergunakan / menggabungkan 2 fungsi yaitu override form dan custom field.

Buat 1 buah custom field beri nama ext URI, kemudian buat sebuah form dengan nama tautan, bertipe article, dan isi dengan kode berikut :


<txp:if_custom_field name="ext URI" />
<h1><a href='<txp:custom_field name="ext URI" />'><txp:title /></a></h1>
<txp:if_custom_field />
<txp:body />

Kemudian di kolom custom field ext URI , kita tinggal menaruh alamat URI lengkap dari tautan yang di inginkan. Dan meng-override form-kan dengan mempergunakan form tautan.

Demikian 5 buah trik dan tips mempergunakan fungsi custom field seperti di WordPress. Smashing Magazine menuliskan 10 hacks di blog nya, disini saya baru membuat 5 , dan 5 lagi akan saya tampilkan di artikel yang lain.

– – Textpatternian – –

Related posts

• Membuat Short URL sendiri dengan TxP (5)
• Membuat ” share box ” cantik (5)

Contoh Shopping Cart

Webdesigner Depot memberikan 10 tips untuk membuat design shopping cart yang mudah digunakan.

Disertakan juga beberapa screenshot yang bisa memberikan inspirasi dalam membuat design shopping cart.

Related posts

• Color Scheme Designer (2)
• Logo Gratis dari LogoInstant (0)
• 10 Teknik Berguna Untuk Memperbaiki Design User Interface (2)
• 10 Majalah Lokal Online Gratis (1)
• Contoh Design Tabel Harga (0)

Tampilan homepage IE8

IE8 diluncurkan dengan beberapa fitur baru seperti Web Slices, Accelerators dan Instant Search.

Untuk web developer, dengan adanya IE8 ini berarti akan semakin menambah panjang daftar browser pada saat melakukan pengecekan tampilan dalam pembuatan sebuah website.

Harap dicatat, instalasi IE8 akan me-replace instalasi IE versi sebelumnya yang ter-install pada system anda.

Apabila anda menginginkan untuk tetap memiliki versi sebelumnya di PC anda untuk kepentingan browser check pada saat pembuatan website, mungkin bisa dengan mengunakan Virtual PC Images. Meng-upgrade IE 6/7 yang ada di system anda menjadi IE8 dan kemudian men-download dan meng-install Virtual PC Images IE 6/7.

Tools yang bisa juga dicoba oleh para developer adalah Microsoft Expression Web SuperPreview, sebuah debugging tool stand alone untuk melakukan pengecekan tampilan di IE6 dan salah satu dari IE7 atau IE8 tergantung versi IE yang terinstall. Tools yang sekarang masih dalam versi beta ini memiliki DOM dan CSS inspector, element highlighting, pixel rulers dan guides.

Tools yang sangat berguna (dan kabarnya gratis) sehingga tidak perlu berpindah komputer atau bekerja dengan Virtual PC untuk mengecek tampilan di beberapa versi IE.

IE8 bisa didownload dari http://microsoft.com/ie8.

Semoga dengan peluncuran IE8 ini, IE6 (dan IE7) dapat segera lenyap dari peredaran supaya nggak terlalu banyak browser check :d

Related posts

• Mozilla Firefox 3.5 (0)
• CSS expressions Tidak Didukung oleh IE8 standards mode (2)