CSS Tips - CSS Sprites

CSS Sprites - menggabungkan beberapa file gambar menjadi satu gambarCSS Sprites!! Pernahkah dengar nggak??? Sprite... Hmm... sejenis minuman temannya Coca-Cola mungkin!!! ha.. ha... :D CSS Sprites itu merupakan tekhnik CSS untuk menggabungkan beberapa file gambar (khusus gambar yang berdimensi kecil) menjadi satu gambar utuh. Tujuan utama pembuatan CSS Sprites ini adalah untuk mengurangi waktu delay download resource & HTTP Requests file-file gambar sebelum digabungkan. Keuntungannya tentu...

Selengkapnya

Membuat Form Kontak Menggunakan Simple PHP Script

Jika pada posting sebelumnya tentang cara membuat form kontak dengan menggunakan google docs & online form generator, sekarang sedikit mengulas tentang Cara Membuat Kontak Form Dengan Menggunakan Simple PHP Script. Langsung saja & tanpa banyak basa-basi. Begini tahapannya: Buat dahulu file phpnya. [php] <?php if(!$_POST) exit; $email = $_POST['email']; //$error[] = preg_match('/\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/i', $_POST['email']) ? '' : 'INVALID EMAIL ADDRESS'; if(!eregi("^[a-z0-9]+([_\\.-][a-z0-9]+)*" ."@"."([a-z0-9]+([\.-][a-z0-9]+)*)+"."\\.[a-z]{2,}"."$",$email...

Selengkapnya

"iframe" tag HTML

Embed Dokumen HTML menggunakan tag <iframe>Adakah cara untuk menyisipkan situs lain secara aktual ke web/blog? Jika itu yang menjadi pertanyaan anda sekarang maka penggunaan tag <iframe> bisa menjadi salah satu jawaban dari beberapa solusi yang ada. Hasil dari penggunaan tag <iframe> ibarat seperti anda menonton televisi dalam televisi.Tag <iframe> biasanya berisi dokumen HTML, contoh simpelnya seperti di bawah ini:[html collapse="false"]<iframe src="http://www.wikipedia.com" style="width: 100%; height: 300px"></iframe>[/html]Hasilnya...

Selengkapnya

base64_decode WordPress Footer

Edit base64_decode Footer WordPressBarangkali pernah mengalami, suatu ketika ingin memodifikasi footer wordpress yang pada umumnya konten footer nggak jauh dari link designer ataupun author theme. Anda ingin merubah linknya jadi 'no follow' atau menghilangkan sama sekali link designer dan authornya kecuali link alamat wordpress anda sendiri, tapi nggak tahunya kode diproteksi dengan 'base64_decode' seperti di bawah ini[php]<? eval(gzinflate(str_rot13(base64_decode( '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'))));...

Selengkapnya

Image Slider Web/Blog

Trik Membuat Slider Image (Gambar) Pada Web/blog Tentu saja web/blog lebih terlihat menarik dengan menambahkan animasi, seperti contoh yang akan dibahas di sini adalah membuat dan menambahkan slide image (gambar) pada website / blog. Seperti apa contoh slider image, langsung lihat saja contohnya pada halaman ini. Slider Image yang akan dibuat akan mempunyai beberapa fitur antara lain: Slideshow dengan gambar disertai deskripsi singkatnya Tombol "Play, Pause, Next, dan Previous". Kecepatan / delay waktu slideshow yang dapat disesuaikan Script...

Selengkapnya

Kode Warna HTML

Cara Tercepat Mengetahui Kode Warna HTMLWarna jika mau menghitung berapa jumlahnya mungkin bisa mencapai ratusan ribu atau bahkan jutaan kombinasi warna yang berbeda. Coba saja kalau tidak percaya, sebagai contoh warna putih jika ditulis dengan kode html akan seperti ini => #FFFFFF. Dengan kata lain terdiri dari kombinasi 6 digit kode huruf, atau jika dituliskan dengan bilangan berarti ratusan ribu.Nah bagi anda yang sering otak-atik software pengolah gambar pasti tidak asing dengan kode warna...

Selengkapnya

Dreamweaver Layout 3

Membuat Layout Website Menggunakan Adobe Dreamweaver (bagian 3) Jika pada bagian ke-2 template yang anda lihat sama persis dengan previewnya, selanjutnya tahap penyempurnaan akhir dapat anda praktekkan seperti yang tertulis di bawah. Modifikasi kode 'Header' Pada tag 'header (#header)' tambahkan kode berikut ini pada mode edit css (style.css) => position: relative; <= Kemudian tambahkan kode di bawah ini: [css] #header ul { margin: 0; list-style: none; float: left; right: 0px; bottom: 0px; position: absolute; } #header li { float: left; display:...

Selengkapnya

Dreamweaver Layout 2

Membuat Layout Website Menggunakan Adobe Dreamweaver (bagian 2) Postingan kali ini adalah penyempurnaan layout website menggunakan Dreamweaver (lanjutan dari bagian 1). Jika pada bagian 1 hanya membuat layout mentahnya saja, kali ini menambahkan beberapa background gambar, menambahkan navigasi menu vertikal dan horizontal dan yang pasti tujuan utamanya adalah membuat tampilan layout website menjadi kelihatan lebih enak dipandang. Modifikasi kode 'body' Sebelum mulai download dulu file gambarnya...

Selengkapnya

Dreamweaver Layout 1

Membuat Layout Website Menggunakan Adobe Dreamweaver (bagian 1) Banyak orang yang pertama kali menggunakan Adobe Dreamweaver sebelum mulai mencoba sudah merasa terintimidasi karena mungkin bingung dengan banyaknya panel dan fitur yang ada di dalamnya. Jujur saja pertama kali saya menggunakan aplikasi ini memang merasa demikian. Jika anda merasa demikian, jangan khawatir.. nggak usah takut, namanya juga masih belajar seperti saya ini. Dimana-mana dalam melakukan suatu hal baru yang kompleks pasti...

Selengkapnya

Kontak Form Blogspot

Membuat Form Kontak di Platform Blogspot Dengan Memanfaatkan Free Online Form Generator Jika artikel yang lalu sedikit mengulas tentang 'Cara membuat form kontak menggunakan google docs', kali ini saya ingin sharing trik yang tidak jauh beda dengan artikel sebelumnya. Bedanya trik yang satu ini kelihatan lebih original sehingga jika dilihat sekilas mirip dengan form kontak yang dipakai oleh kebanyakan situs web pada umumnya. OK langsung saja mulai, langkah-langkah yang perlu anda lakukan adalah: Daftar dulu di situs ini. Gratis Setelah daftar...

Selengkapnya