Hitung Mundur Hari Ulang Tahun Mu Chiko thx boz cool bgt dach Kopdar Batik macangadungan wakakak aku baru liat postingan Kyai Bima Assalamualaikum WrWb (biasa Kyai) Judul Skripsi Tugas Akhir Teknik Informatika Manajemen Informatika Sistem Informasi Teknik Komputer Teknik Elektro putu (1927 Rancang Bangun Aplikasi Permainan MULIARDI Mig33 Chatting YM GTalk MSN AIM Melalui Handphone Ponsel devi mo nanya nesy kan udh Judul Skripsi Tugas Akhir Pendidikan Matematika Terbaru NELVI KALAU TENTANG PELAJARAN STATISTIKA UNTUK gita gita Pengumuman Penerimaan CPNS Kabupaten Tuban Tahun 2009 anonymous pengumumannya mn nih??? anonymous mohon infonya dunk kapan ya anonymous kapan pengumumane ? Skripsi Tugas Akhir Bahasa Inggris khaerul anam 755084 khaerul anam 852554 Desain Kartu Nama sedoso aku ajarin dongpliss Keane - Try Again (Live) Kyai Bima Assalamualaikum WrWb iki sing download karo Keane - Somewhere Only We Know Kyai Bima Assalamualaikum WrWb (Kyai mesti ngucapno Tidur-tiduran dan Akhirnya Tertidur Zawa hmmm biasanya diumumkan di radar dewi isyaroh thanks for game dewi isyaroh kapan ya pengumuman hasil tes .
 Weblog, Tips & Trik, Web Development, CSS6 November 2009 10:26 am 

Tutorial CSS : Masking Obyek Memanfaatkan Overflow:hidden

Kadang agar tampilan blog kita terkesan lebih professional dan nyaman dilihat, alangkah baiknya kita meminimalkan emen-elemen blog yang berbau gratisan muncul di halaman blog kita. Nah bagaimana triknya agar elemen-elemen blog yang berbau gratisan tersebut terkesan “nggak gratisan”?

Saya sendiri biasanya memanfaatkan CSS overflow:hidden untuk menutupi/masking tampilan elemen blog gratisan yang kadang membuat tampilan blog kurang sedap dipandang mata.

Sebagai contoh, berikut saya akan masking tampilan Live Visitor dari Feedjit.com yang saya pasang di blog saya.

Tampilan asli :

Hasilnya setelah di-masking :


Hmmm… lebih manis tampilan setelah di-masking bukan? :)

Pada contoh diatas, saya memanfaatkan CSS sbb:
<div style=”width:170px;height:155px;overflow:hidden;”>
<div style=”margin-top:-60px;margin-left:-1px;”>
<img src=”http://feedjit.com/b/3384657654e504e7.png” />
</div>
</div>

Penjelasan :
Pada kode warna biru terdapat properties CSS width:170px; height:155px; untuk membatasi tampilan dari object yang akan di-masking. Kemudian selanjutnya ditambahkan properties overflow:hidden; yang berfungsi untuk menyembunyikan tampilan object jika object tersebut melebihi batas width dan height yang telah ditentukan sebelumnya.

Pada kode warna merah terdapat properties CSS margin-top:-60px; margin-left:-1px;. Fungsi dari properties tersebut adalah untuk menggerakkan object yang akan di-masking. Margin-top untuk menggerakkan object ke atas, dan margin-left untuk menggerakkan object ke kiri. Semakin banyak nilai negatif dari masing-masing margin akan berakibat object bergerak ke atas dan ke kiri.

Yup, semoga bermanfaat. Selamat berkreasi :)

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Tutorial CSS : Masking Obyek Memanfaatkan Overflow:hidden Comments (5)
 Tutorial, Web Development, CSS8 October 2009 4:29 pm 

Tutorial CSS : Mengubah Layout Blog Agar Lebih SEO Friendly

Seperti yang kita ketahui tampilan/layout blog yang ideal untuk mengoptimalkan SEO (Search Engine Optimization) adalah sidebar di sebelah kanan dalam hal ini format coding html-nya yakni Header - Content - Sidebar - Footer seperti berikut :

Belajar SEO

Kenapa demikian? ini dikarenakan robot crawler search engine akan meng-crawl urut berdasarkan kode html mulai dari tag html pembuka <HTML> hingga </HTML>. Nah perilaku robot crawler search engine itu sendiri jika menemui anchor link dia akan masuk meng-crawl link tersebut.

Bisa dibayangkan jika layout blog kita mempunyai format coding html-nya Header - Sidebar - Content - Footer atau sidebarnya di sebelah kiri. Maka robot crawler search engine akan jalan-jalan ke link-link yang ada di sidebar dulu sebelum menjangkau ke content. Nah ini kurang optimal banget untuk SEO. Terus bagaimana agar secara coding html layoutnya adalah Header - Content - Sidebar - Footer (sidebar di kanan) sedangkan untuk tampilan adalah Header - Sidebar - Content - Footer (sidebar di kiri) ?

Kita bisa memanfaatkan properties CSS float:left dan float:right untuk mengakali agar tampilan/layout blog sesuai dengan keinginan kita. Pada contoh kasus diatas, meskipun coding html-nya berlayout Header - Content - Sidebar - Footer (sidebar di kanan) kita bisa membuat tampilannya menjadi sidebar di kiri dengan cara menambahkan properties CSS float:left pada ID “sidebar” dan menambahkan float:right pada ID “content”.

Hasilnya :

Tutorial Belajar CSS

Berikut contohnya :

<html>
<head><title>Judul</title>
<style type="text/css">
body{font-family:Verdana;font-size:11px;}
#page{margin:0 auto;width:800px;height:500px;}
#header{float:left;width:800px;height:50px;background:#F90;}
#content{float:right;width:590px;height:500px;background:#FF0;}
#sidebar{float:left;width:200px;height:500px;background:#FC0;}
#footer{float:left;width:800px;height:50px;background:#F90;}
</style>
</head>
<body>
<div id="page">
<div id="header"><h1>HEADERNYA</h1></div>
<div id="content">CONTENTNYA...</div>
<div id="sidebar">SIDEBARNYA...</div>
<div id="footer">FOOTERNYA...</div>
</div>
</body>
</html>

Yup, semoga bermanfaat. Dan ingat SEO bukanlah ilmu pasti, tapi dari pengalaman ngeblog, layout jenis inilah yang disukai search engine :D

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Tutorial CSS : Mengubah Layout Blog Agar Lebih SEO Friendly Comments (10)
 Weblog, Tips & Trik, Web Development, CSS27 May 2009 7:07 pm 

Mengoptimalkan Ukuran File CSS

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 :)

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Mengoptimalkan Ukuran File CSS Comments (14)
 Coolsites, Web Development21 April 2009 1:16 pm 

Best Free CMS for E-commerce Websites

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.

Free Shopping Cart CMS

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. :)

Search terms : free shopping cart, toko online murah, cara membuat toko online, best free cms shopping cart.

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Best Free CMS for E-commerce Websites Comments (7)
 Coolsites, Web Development18 April 2009 8:22 pm 

Best Oriental Web Design

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

Best Japanese Korean Chinese Web Design Layout

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

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Best Oriental Web Design Comments (3)
 Design, Web Development17 April 2009 7:41 pm 

Free Web Icon For Web Designer

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.

Free Web Icon, Best Free Web Icon

Semoga bermanfaat bagi para web designer hehehehe :D

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

Search terms : best free web icon, web icon gratis, feed icon, twitter icon png, home icon transparent, free contact icon.

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Free Web Icon For Web Designer Comments (13)
 Coolsites, Web Development16 April 2009 7:40 pm 

Membuat PhotoGallery Menggunakan GalleryView

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.

Free Photogallery

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

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Membuat PhotoGallery Menggunakan GalleryView Comments (3)
 PHP, Web Development9 September 2008 4:47 pm 

Beli Hosting Gratis Handphone Baru

Ada kabar gembira nih… Hosting Gratis PHP Dalam rangka menyambut Ramadhan dan Lebaran 1429 H, ID-webhost memberikan bonus gede-gedean. Hadiah langsung handphone setiap pembelian hosting tanpa diundi. Keren kan… :)

Dengan melakukan pembelian hosting di ID-webhost dan telah melakukan pembayaran maka Anda akan secara langsung ikut dalam promo ini. Adapun syarat dan ketentuan promo ini sebagai berikut :

1. Promo ini diberikan untuk registrasi dengan paket :

a. Pembelian dan perpanjangan hosting IdPreMedium dengan minimal kontrak 36 bulan
b. Pembelian dan perpanjangan hosting IdMedium dengan minimal kontrak 24 bulan
c. Pembelian dan perpanjangan hosting IdSemipro dengan minimal kontrak 18 bulan
d. Pembelian dan perpanjangan hosting idPro dengan minimal kontrak 12 bulan
e. Pembelian dan perpanjangan hosting IdSuperpro dengan minimal kontrak 9 bulan
f. Pembelian dan perpanjangan hosting IdSemicorporate dengan minimal kontrak 6 bulan
g. Pembelian dan perpanjangan hosting IdCorporate dengan minimal kontrak 3 bulan
h. Pembelian dan perpanjangan hosting IdSuperCorporate dengan minimal kontrak 1 bulan

2. Setiap Customer yang menyetujui promo ini, maka pembayaran yang telah dilakukan untuk order tersebut tidak dapat di refund atau dikembalikan.

3. Kami akan mengirim sesuai dengan data yang telah diisikan saat registrasi. Kesalahan pengiriman karena kesalahan pengisian data bukan manjadi tanggung jawab ID-webhost.

4. Proses pengiriman barang dilakukan setiap hari Jumat setiap minggunya.

5. Biaya pengiriman ditanggung oleh pihak ID-webhost.

6. Promo ini berlangsung dari tanggal 9 September 2008 sampai 31 Oktober 2008.

Pelanggan akan mendapatkan promo ini setelah menyetujui perjanjian dan melakukan pembayaran sesuai dengan order yang telah dilakukan. Segera bergabung dan dapatkan HP yang menarik di Lebaran tahun ini.

Search terms : hosting gratis indonesia, hosting paling murah di indonesia, the best webhosting, hosting gratis php, hosting terbaik di indonesia.

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Beli Hosting Gratis Handphone Baru Comments (1)
 Web Development, CSS29 August 2008 11:11 am 

Mengubah Bentuk Cursor Menggunakan CSS

Kemarin ketika lagi online via hp tiba-tiba di PM seorang kawan blogger menanyakan cara mengubah bentuk cursor menjadi tanda + (crosshair) ketika cursor mouse berada di atas teks/gambar yang mengandung link. Sebenarnya caranya simple dan mudah banget. Dengan memanfaatkan CSS berikut, hal itu bisa dilakukan dengan pilihan bentuk cursor yang beraneka ragam.

Pada CSS masukkan kode berikut ini :

<style type=”text/css” media=”screen”>
a {
cursor: pointer;
}
a:hover {
cursor: crosshair;
}
</style>

Untuk bentuk cursor yang lainnya tinggal mengganti dengan nilai properties cursor berikut ini :

cursor: crosshair;
cursor: move;
cursor: help;
cursor: text;
cursor: wait;
cursor: pointer;
cursor: auto;
cursor: e-resize;
cursor: ne-resize;
cursor: n-resize;
cursor: nw-resize;
cursor: se-resize;
cursor: s-resize;
cursor: sw-resize;
cursor: w-resize;
cursor: default;
cursor: inherit;

Yup, semoga bermanfaat.

Gambar Wallpaper Poster Lirik Download Lagu Mp3 Mengubah Bentuk Cursor Menggunakan CSS Comments (7)
 Coolsites, Web Development, CSS27 January 2008 3:17 am 

CSS Gradient Text Effect

Pengin buat judul postingan lain dari biasanya??? ini ada sedikit trik dari http://www.webdesignerwall.com yang menurut saya pribadi kreatif banget. Yup, pada judul postingan kita ntar hasilnya teks berbentuk gradient kayak pada demo ini. Sebetulnya konsepnya cukup mudah, judul seperti biasa nongol dalam bentuk teks *bukan teks dalam bentuk gambar generate dari script php lho* kemudian diatasnya dikasih masking (penutup) file image gradasi transparent sehingga seolah-olah teks yang dibawahnya tadi (yang ter-masking) menjadi berefek gradient. Masking ini memanfaatkan CSS dengan parameter position:absolute, display:block, dan tentunya background:gradient.png.

Hmmm… jadi enaknya SEO kita tidak akan terganggu karena judul masih dalam bentuk teks bukannya gambar hehehehe… :D

Gambar Wallpaper Poster Lirik Download Lagu Mp3 CSS Gradient Text Effect Comments (1)
     Next Posts »