Membuat Gambar Animasi GIF

Membuat Gambar Animasi Interaktif GIF Menggunakan Software Adobe PhotoshopSaat ini banyak webmaster baik pemilik situs/blog pribadi maupun situs bisnis sering kali memakai banner maupun logo gambar animasi gerak berformat gif. Alasan utamanya adalah menghemat space layout (ruang tampilan) web, karena beberapa informasi yang ingin ditampilkan dapat ditayangkan pada satu file gambar saja.Contoh gambar animasi GIF seperti ini:Contoh Gambar Animasi GIFIngin tahu cara membuatnya. Gampang!!! Berikut panduan...

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

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

Auto Scrolling "Back To Top"

Jika pada artikel sebelumnya saya menulis cara 'Membuat Link Back to Top', nah sekarang saya akan sharing cara membuat link back to top pada blogspot, kurang lebih hampir sama dengan postingan saya sebelumnya. Yang membedakan hanyalah pada artikel ini hanya sedikit menambahkan 'auto scroller effect' dan 'Rollover Image' pada linknya. Seperti apa nanti jadinya, langsung saja ke tkp. Bagaimana tahap pembuatannya, ikuti langkah-langkahnya berikut ini; Pertama, Sign in ke akun blogger anda. Klik pada...

Selengkapnya

Membuat "Link Back To Top"

Bayangkan jika anda mengunjungi website atau blog dengan halaman yang panjang sampai capek untuk scroll ke akhir halaman, kemudian setelah selesai anda ingin kembali lagi ke halaman paling atas. Umumnya visitor akan scroll halaman secara manual kembali ke halaman paling atas, cara ini kurang efektif. Tips berikut ini akan memudahkan visitor untuk dapat lompat ke halaman paling atas tanpa harus scrolling (menggulung) mouse secara manual.Syarat yang diperlukan adalah menambahkan tombol atau link yang mengarah pada halaman paling atas. Tambahkan sedikit...

Selengkapnya

Membuat Navigasi Menu Blogspot

Website atau blog rasanya kurang lengkap jika tidak ada navigasi menu, karena navigasi menu inilah yang menjadi penunjuk jalan bagi visitor untuk mengakses halaman pada sebuah webste / blog. Untuk membuat navigasi menu pada blogspot tidaklah begitu susah, ikuti cara pembuatannya berikut ini;Login ke account blogger.Navigasikan ke 'Layout' (tata letak) » Klik pada tab 'Edit HTML'.Cari kode ini => "]]></b:skin>".Copy dan pastekan kode di bawah ini di atas kode "]]></b:skin>" ;#menuanda-wrapper {width: 100%;height: 27px;background:...

Selengkapnya

Membuat Marquee Text

.marq {border: solid 1px #999; background: #fff; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color:#444; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius:3px;} Jika pada artikel sebelumnya saya menulis tentang bagaimana "Membuat...

Selengkapnya

Walking Text Title Tab Blogspot

Trik Membuat Walking Text Title Tab BlogspotTips kali ini tentang cara membuat text title blog yang berjalan pada tab interface browser. Trik ini tidak banyak memberikan kontribusi yang berarti pada kualitas blog, hanya sebatas untuk mempercantik blog. Bagaimana cara membuatnya, cukup sederhana. Ikuti step di bawah;Login ke blogspot.Navigasikan ke 'LayOut' (tata letak) → pindah ke tab 'Edit HTML'Copy dan pastekan kode di bawah tepat di atas tag '<'head>'<script type='text/javascript'>//<![CDATA[msg = "Tulis Text-1";msg = " .:Tulis...

Selengkapnya