Konfigurasi virtual host untuk localhost menggunakan uniform server

Kali ini saya share mengenai virtual host pada local komputer.
Manfaat dari virtual host ini, kita bisa membuat beberapa localhost hanya dengan 1 (satu) local server. Misal kita memiliki beberapa project yang masing2 harus dijalankan di root folder host maka kita tidak akan kesulitan lagi dengan adanya virtual host.
Langsung saja, disini saya share cara membuat virtual host menggunakan Uniform Server.
Kenapa menggunakan Uniform Server? Karena menunya udah ada, kita tinggal klik aja gak perlu repot-repot edit file konfigurasi yang bikin pusing (terutama bagi para newbie) :)

Bagi yang belum punya silakan download dulu di http://www.uniformserver.com, filenya berupa self-extracting archives (bukan installer).
Setelah download, buka filenya dan pilih folder extract nya, terserah mau di taruh di mana gak harus di disk C.

Jalankan file Start_as_program, dan akan terbuka jendela server program seperti ini

kalau gambarnya kekecilan silakan klik gambarnya untuk melihat dalam ukuran besar.

Klik Server Configuration pada server program, dan akan terbuka jendela server configuration, kemudian klik Apache dan akan muncul drop down menu seperti di bawah ini


Klik Apache Vhosts

• Document Root isi dengan folder dimana nanti file localhost nya akan disimpan (untuk setiap virtual host harus memiliki document root masing-masing supaya tidak bentrok)
• Server Name isi dengan nama servernya misal: localhost2 atau nama yang lain yang nanti dipake sebagai domain local host. Kalau namanya diisi localhost2 nanti dia akan memiliki alamat http://localhost2/
• Klik Confirm akan muncul jendela semacam ini
  
  Kemudian klik Create Vhost

Kalau muncul error ketika klik Create Vhost semacam ini

berarti script yang untuk membuat virtual host diblokir oleh antivirus atau semacamnya.
Kalau ini terjadi, matikan dulu antivirusnya sebelum membuat vhost dan aktifkan kembali jika sudah selesai.

Selanjutnya jika vhostnya sudah jadi, kita tinggal klik Start Both untuk menjalankan Apache dan MySQL.
Atau jika ingin servernya otomatis jalan ketika start up windos, buka file Start_as_service kemudian klik Install/Run Apache and MySQL Service. Selanjutnya server akan berjalan tiap komputer dinyalakan.

Mempercantik web atau blog dengan open font library

Membuat tampilan web atau blog dengan font khusus memang lebih bagus.
Tapi bagaimana kalau dibuka menggunakan komputer yang tidak terinstall font yang kita pakai, atau bagaimana kalau dibuka pakai handphone? Tampilannya apakah masih sesuai dengan font yang kita inginkan?
Solusinya kita gunakan web font, di sini akan saya bahas open font library yang font nya juga masih berformat ttf.
Untuk memilih font yang kita inginkan, langsung saja menuju ke openfontlibrary.org
Sebagai contoh kita pilih font Strato, maka di bagian header html harus kita tambahkan kode berikut ini:
<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/strato" rel="stylesheet" type="text/css"/>
kemudian di bagian css kita tambahkan font-family: 'Strato';
contoh kita bikin class unik

.unik {
   font-family: 'Strato';
   font-weight: normal;
   font-style: normal;
}

dan untuk penggunaanya semacam ini:

<span class="unik;">Ini contoh tulisan menggunakan Web Font</span>

dan hasilnya jadi seperti ini:
Ini contoh tulisan menggunakan Web Font

Font dari open font library ini bisa kita gunakan secara langsung seperti contoh di atas, dan bisa dengan cara kita download kemudian kita upload ke server kita sendiri.
Untuk yang upload sendiri, kita gak perlu lagi pakai rel stylesheet seperti di atas. tapi kita harus menambahkan kode berikut ini di stylesheet (css) kita:

@font-face {
font-family: 'nama fontnya';
src: url('filefontnya.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Silakan mencoba.
Mudah-mudahan penjelasanku ini bisa mudah dipahami.

Web font ini sudah saya test di komputer berjalan bagus, untuk HP Android pakai browser bawaan HP dan opera mobile juga bagus.
Tapi untuk browser ucweb font nya tetap font ucweb. Berarti ucweb gak bagus ya? :)
Sepertinya ucweb gak support truetype font, bagi pengguna ucweb silakan tunggu update ucweb yang support truetype font. Tapi entah kapan mau dirilisnya hehe....