Salahsatu kendala cepat tidaknya website ditampilkan di browser selain koneksi internet adalah besar-kecilnya file dari halaman website itu sendiri. Termasuk beberapa elemen pendukung meliputi gambar, javascript, swf, css dll.

Nah kali ini kita akan bahas bagaimana cara file css agar lebih kecil ukurannya sehingga halaman website semakin cepat di-load oleh browser.

Contoh kecil sbb :

.kotak {font-size:11px;color:#333333;}
.bulat {font-size:11px;color:#333333;}
Karena kedua class tersebut memiliki properties yang sama sebaiknya tinggal digabung saja menjadi kayak gini :
.kotak,.bulat {font-size:11px;color:#333333;}

Hemat beberapa huruf kan :)

.hitam {color:#000000;}
.putih {color:#ffffff;}
Untuk warna dengan nilai hexadecimal sama, bisa ditulis sebagian aja. Hasilnya kayak gini :
.hitam {color:#000;}
.putih {color:#fff;}

Lumayan bisa mengurangi ukuran file css meskipun cuman beberapa byte aja :P

Apalagi yah… hmmm… hahahaha… lupa :D
Sementara sekian dulu sedikit tutorial css kali ini kapan-kapan nyambung lagi :)

Ada info bagus nih dari ID-webhost.com :
ID-webhost menghadirkan paket blog baru. Kini Anda bisa mempunyai blog dengan nama domain sendiri hanya dengan 110 ribu per tahun.

Apa keunggulan dari Paket Blogger/Blogspot With Your Domain?

Anda bisa memiliki blog dengan nama domain sendiri (namaanda.com dll) dengan harga murah serta fitur Blogger/Blogspot untuk mengatur dan meng-update blog Anda.

Bagaimana cara memiliki Paket Blogger/Blogspot ini?

1. Registrasi di ID-webhost.com

- Buka ID-webhost.com kemudian klik pada menu : “Order Now”, lalu pilih “Pendaftaran Nama Domain Baru” untuk “Daftar Domain Saja”.
- Pada langkah selanjutnya silakan isi data diri Anda, dan pada kolom catatan isi dengan alamat URL blog Blogger/Blogspot milik Anda. Misal : “Daftar Blogger/Blogspot With Your Domain : http://namabloganda.blogspot.com”.
- Lanjutkan registrasi sampai selesai, klik “Check Out”.

2. Setting di Account Blogger/Blogspot

Jika Anda belum mempunyai account Blogger/Blogspot, silakan buat account terlebih dahulu di https://www.blogger.com/start dimana alamat URL Blogger/Blogspot ini yang diisikan saat registrasi di ID-webhost.com. Setelah account Blogger/Blogspot Anda aktif, silakan login di account Blogger/Blogspot tersebut, lalu pada tab “Setting” pilih menu “Publishing” dan pada Blogspot Address isikan dengan nama domain Anda. Petunjuk selengkapnya bisa Anda baca di http://help.blogger.com/bin/answer.py?hl=en&answer=55373.

3. Setelah mengupdate Blogspot Address, silakan tunggu resolve DNS sekitar 12-48 jam sebelum blog Anda bisa diakses.

Secara default blog aktif Anda di alamat misal “http://namablog.blogspot.com” akan tetap bisa diakses meskipun Anda telah mengubah alamat tersebut dengan nama domain baru.
Salahsatu kelebihan menggunakan paket ini adalah Anda tidak perlu pusing kehabisan bandwidth hosting karena hosting ada di Blogger/Blogspot dan kita tidak mengeluarkan uang sepeserpun. Kita hanya beli nama domainnya saja. Selain itu blog kita akan terlihat professional dengan nama domain pribadi.

Anda tertarik? Segera pilih nama domain Anda untuk dijadikan alamat blog pribadimu :)

Setelah sebelumnya kita memanfaatkan free website thumbnailer dari beberapa situs macam websnapr.com dll, kini hadir lagi layanan situs pembuat thumbnail website yang menurut saya bagus banget. Yup, Bitpixels yang beralamat di http://www.bitpixels.com memberikan layanan ini dengan gratis, tanpa iklan, serta sangat mudah diintegrasikan dengan website milik Anda. Caranya cukup simple, daftar dengan account google kamu di situs tersebut. Dan selanjutnya tinggal di copypaste kode beserta url webiste/blog yang akan diambil thumbnailnya.

Berikut contoh hasilnya :

Source : http://zawa.blogsome.com

Source : http://wawazawa.blogspot.com

Source : http://unazzanu.blogspot.com

Yup, semoga bermanfaat :)

Tak terasa sudah 4 kali saya ultah bersama blog tercinta ini hehehehe… :D. Sebelumnya ada postingan ini terus ini dan ini yang menuliskan cerita seputar ulang tahun saya. Ulang tahun kali ini saya cuman berharap moga semuanya dimudahkan oleh Allah Swt, makin langgeng :P dan disayang sama adek cantik, terus semoga juga makin disayang sama Google *luv u mmmuah mmmuah…* hahahaha… serta wishlist-wishlist pribadi lainnya semoga terkabul (mau nulis buku, mau jualan game lagi, mau buat situs .com lagi, terus mauuuu… ah banyak maunya diriku ini hahahaha…).

Btw, makasih semuanya yang dah hadir di pesta kecil-kecilan ini… :)

Dari sekian desain logo pariwisata di atas mana yang kawan-kawan suka? :D Hmmm… sebagian besar desain logo tersebut tampak warna-warni penuh dengan keceriaan. Seperti tujuan pembuatan logo tersebut yakni mengundang para wisatawan mancanegara untuk bersenang-senang liburan, tamasya, berwisata ke negara-negara pariwisata termasuk salahsatunya Indonesia :)

Nampak logo Visit Indonesia yang bermaterikan gambar sketsa garuda warna-warni yang tak kalah kerennya dengan desain logo pariwisata negara-negara lain di dunia.

Setelah sebelumnya kita bereksperimen menampilkan emoticon yahoo messenger di blogsome memanfaatkan template engine smarty yang tertanam di blogsome, kali ini kita akan mencoba plugin math (operasi matematika) dimana bisa kita gunakan untuk membuat random image atau untuk membuat sesuatu yang lain yang berbau random/acak. :P

Berikut contoh script smarty yang saya buat :

{math equation="rand(1,3)" assign=acak}
{if $acak==1}
<img src="/images/gambar1.jpg" />
{elseif $acak==2}
<img src="/images/gambar2.jpg" />
{elseif $acak==3}
<img src="/images/gambar3.jpg" />
{else}
<img src="/images/gambar4.jpg" />
{/if}

Penjelasan :
Pada script diatas, {math equation="rand(1,3)" assign=acak} akan menghasilkan nilai random antara 1-3 kemudian nilai tersebut akan dimasukkan ke variabel acak. Nah jika ingin random angka banyak tinggal ditambahkan aja nilainya menjadi lebih besar. Misal {math equation="rand(1,25)" assign=acak} akan menghasilkan angka random antara 1-25.

Kemudian nilai variabel “acak” di cek jika nilainya 1 maka akan menampilkan file gambar “gambar1.jpg” dan seterusnya. Yup, selanjutnya tinggal berkreasi lagi sendiri memanfaatkan plugin math pada smarty di template blogsome milik kalian :)

Semoga bermanfaat…

Pengin buat toko online dengan biaya murah? hmmm… cukup dengan modal domain dan hosting aja sudah bisa kok untuk buat toko online. Saat ini dah banyak banget CMS (Content Management System) yang mengkhususkan diri dalam pembuatan E-Commerce secara instant. Selain itu banyak juga dalam bentuk modul ataupun plugins yang bisa digabungkan dengan CMS yang sudah ada macam Wordpress, Drupal ataupun Joomla.

Nah sekarang tinggal disesuaikan kebutuhan Anda dalam memilih mana CMS yang nantinya cocok untuk pembuatan toko online yang Anda idamkan :). Yup, berikut beberapa free CMS e-commerce maupun modul dan plugins untuk Wordpress, Drupal, Joomla yang paling ideal untuk pembuatan toko online.

PrestaShop - http://www.prestashop.com/
Magento - http://www.magentocommerce.com/
Zen-Cart - http://www.zen-cart.com/
Drupal E-Commerce - http://www.drupalecommerce.org/
Cubecart - http://www.cubecart.com/
OsCommerce - http://oscommerce.com/
Virtuemart - http://virtuemart.net/
Fatfreecart - http://www.fatfreecart.com/
WP E-Commerce Plugin - http://www.instinct.co.nz/e-commerce/

Bagi yang gak pengin repot dalam membuat toko online, bisa langsung beli di Gerai Hosting - http://ukm.geraihosting.com karena disana sudah tersedia website toko online yang sudah siap untuk digunakan dengan fasilitas hosting+domain beserta tutorialnya tentunya. Desainnya pun sangat cantik dan professional banget. Salut buat Mas Vandi atas produk toko online berbasis Joomla tersebut. :)

[] [[free shopping cart]], [[toko online murah]], [[cara membuat toko online]], [[best free cms shopping cart]].

Kali ini kita akan membahas tentang Best Oriental Web Design yang meliputi web desain terbaik di Jepang, Korea, China dan sekitarnya :). Perlu diketahui saat ini banyak banget web design terbaik yang beredar di internet kebanyakan di dominasi oleh web design dari dataran Eropa dan Amerika dimana dalam hal style maupun kultur jelas beda dengan web design buatan designer Jepang Korea ataupun China. Apalagi ditambah bentuk huruf/font dari web design oriental yang khas banget :D

Nah pas lagi browsing di internet akhirnya nemuin http://oriental-gallery.com/ yang berisikan kumpulan web design terbaik Jepang, Korea dan China. Yup, siapa tahu bisa dijadikan sumber inspirasi bagi kawan-kawan yang pengin mengetahui style desain website orang sana hehehehe… :D

Kadang untuk membuat desain website lebih bagus kita membutuhkan beberapa web icon agar tampilan website lebih sedap dipandang mata :P. Yup, berikut ada beberapa kumpulan Free Web Icon yang bisa kawan-kawan download dan siap untuk digunakan di website milik kawan-kawan.

Semoga bermanfaat bagi para web designer hehehehe :D

Resource : http://wefunction.com/wp-content/uploads/2008/06/function_icon_set.zip

[] [[best free web icon]], [[web icon gratis]], [[feed icon]], [[twitter icon png]], [[home icon transparent]], [[free contact icon]].

Tampilan Photogallery Anda kurang istimewa? Hmmm berikut ada plugin jQuery bernama GalleryView yang bisa Anda gunakan untuk mempermanis tampilan PhotoGallery menjadi lebih fleksible dan atraktif.

More info : http://www.spaceforaname.com/jquery/galleryview/