Oct
17
2009

Penambahan Bandwidth Gratis Dari IDwebhost

Posted on 17:08 in Uncategorized | 879 views | 2 Comments

Meskipun saya sangat jarang posting di blog ini, namun ternyata masih cukup banyak juga yang mau mengunjungi ataupun kesasar ke blog ini :D. Dan beberapa bulan terakhir ini bandwidth hosting yang hanya 2 GB per bulan selalu habis sebelum waktunya.

Setelah menghubungi CS IDwebhost, akhirnya paket hosting saya diupgrade dari bandwidth 2 GB menjadi 10 GB. Penambahan ini gratis karena dari IDwebhost sendiri memang sedang ada upgrade space hosting : Bandwidth Limit Exceeded! No Way!

Selain bandwidth yang ditambah, paket hosting saya yang idMedium juga mendapatkan penambahan space dari 50 MB menjadi 200 MB, tentu gratis juga. Mantab!! Bagi anda yang ingin mencoba hosting di IDwebhost, kini paket termurah Rp 1000 per bulan sudah mendapatkan space 10 MB dan bandwidth 1 GB/bulan.

Semoga dengan adanya upgrade ini saya menjadi semakin semangat nulis blog lagi :D. Dan terimakasih juga untuk IDwebhost yang sudah 5 tahun ini saya percaya sebagai tempat hosting web-web saya. Semoga IDwebhost semakin maju saja :)
Read more

Tags: , , ,
May
03
2009

IE Tester

Posted on 09:52 in CSS, Software | 2,287 views | 15 Comments

IETester
Akhirnya ada juga sebuah software yang di dalamnya berisi banyak versi Internet Explorer, yaitu IETester. Software ini lebih praktis daripada IE Standalone yang harus dijalankan satu persatu, dan ternyata IE6 standalone rusak setelah saya menginstall IE 8 :(.
Read more

Tags: , , , ,
Apr
17
2009

Menu Horizontal Multi Level Menggunakan jQuery & PHP

Posted on 07:33 in CSS, PHP, Tutorial, jQuery | 8,915 views | 56 Comments

Drop Down Menu
Di dalam sebuah website, seringkali kita menemukan penggunaan menu bertingkat seperti pada gambar di atas. Menu yang bertingkat tersebut sebenarnya adalah sebuah struktur pohon/tree di mana suatu menu bisa memiliki anak (submenu), dan submenu tersebut juga bisa memiliki anak lagi dan seterusnya sampai level tak terbatas.

Berikut ini adalah contoh struktur html menu yang terdiri dari 3 level (menggunakan tag html <ul> dan <li>):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<ul>
    <li><a href="menu1.html">Menu 1</a></li>
    <li><a href="menu2.html">Menu 2</a></li>
    <li><a href="menu3.html">Menu 3</a>
        <ul>
            <li><a href="menu31.html">Sub Menu 3.1</a></li>
            <li><a href="menu32.html">Sub Menu 3.2</a>
                <ul>
                    <li><a href="menu321.html">Sub Menu 3.2.1</a></li>
                    <li><a href="menu322.html">Sub Menu 3.2.2</a></li>
                    <li><a href="menu323.html">Sub Menu 3.2.3</a></li>
                </ul>
            </li>
            <li><a href="menu33.html">Sub Menu 3.3</a></li>
        </ul>
    </li>
    <li><a href="menu4.html">Menu 4</a></li>
</ul>

Read more

Tags: , , ,
Mar
19
2009

CSS Specificity

Posted on 03:47 in CSS, Tutorial | 2,146 views | 6 Comments

CSS Specificity menentukan seberapa spesifik kah sebuah aturan pada CSS. Jika ada 2 atau lebih aturan pada sebuah elemen yang sama, maka aturan paling spesifiklah yang akan dipakai oleh browser.

Nilai specificity pada CSS bisa dihitung sbb:

  • Element Selector, yaitu selector yang berupa tag-tag html, contohnya div, ul, li, a
    nilai specificity = 1 (0,0,1)
  • Class Selector, yaitu selector yang diawali dengan tanda titik, contohnya .menu untuk elemen dengan class="menu"
    nilai specificity = 10 (0,1,0)
  • ID Selector, yaitu selector yang diawali dengan tanda #, contohnya #sidebar untuk elemen dengan id="sidebar"
    nilai specificity = 100 (1,0,0)

Read more

Tags: , , ,
Mar
15
2009

Kompresi Javascript & CSS Untuk Mempercepat Loading Website

Posted on 14:34 in CSS, Tutorial | 3,293 views | 15 Comments

Masih ragu-ragu menggunakan jQuery, MooTools, prototype.js atau framework javascript lainnya karena ukurannya yang cukup besar? Atau file css anda cukup besar hingga puluhan bahkan ratusan KB? Cobalah trik di bawah ini untuk memperkecil ukuran file-file web.

Ukuran script jQuery (versi 1.3.2) adalah sekitar 118 KB (versi development / tidak dikompres), atau 56 KB (versi minified / dikompres). Dengan menambahkan lagi kompresi menggunakan gzip/deflate, script jQuery versi minified bisa diperkecil lagi menjadi hanya sekitar 19 KB. Sebuah penurunan ukuran yang cukup besar kan.. :)

Ada beberapa teknik untuk mengompres, yaitu:

1. Menggunakan mod_deflate

Ini adalah cara paling mudah, karena kita tinggal menambahkan 1 buah file .htaccess, maka semua jenis file-file yang kita inginkan akan terkompres dengan otomatis. Tapi sayangnya tidak semua server hosting mengaktifkan mod_deflate.
mod_deflate adalah sebuah module pada web server Apache 2 (menggantikan mod_gzip pada Apache 1.3) yang digunakan untuk mengompres output dari server sebelum dikirimkan ke browser. Sebelum mencoba menggunakannya, cek dahulu apakah web server anda sudah mengaktifkan module ini. Jika sudah aktif, maka buatlah sebuah file .htaccess di dalam document root website anda, dan isikan code seperti ini.
Read more

Tags: , , , , , , , , ,