Recent Templates

Rabu, 11 April 2012

Mengganti Background Foto dengan Photoshop

Cara Mengganti Background Foto dengan Photoshop

PANDUAN RINGKAS HTML

Judul Asli: THE BARE BONES GUIDE TO HTML
oleh Kevin Werbach
Versi 3.0 Formatted -- July 21, 1996
Alih bahasa Indonesia oleh Kristianto Jahja
Versi Bahasa Indonesia -- 23 Desember 1996
Versi terakhir dokumen ini terdapat di <http://werbach.com/barebones/>.
Panduan ini memuat semua tag yang dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan semua Tag yang terdapat pada Spesifikasi HTML 3.2, demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin; namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat mencarinya di WWW Help Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan senang hati.
Daftar Isi
  1. PENDAHULUAN dan PERKENALAN
  2. TAG HTML


Tips HTML-Javascript: Membuat Animasi Teks Berjalan dan Berkedip di Status Bar

                       
Status bar merupakan panel khusus di bagian paling bawah browser, berfungsi menampilkan informasi tentang browser, misalnya saat sedang membuka halaman sebuah website, di status bar tertulis 'Loading......'. Atau juga saat pointer mouse berada di atas sebuah link, maka di status bar tertulis alamat URL dari link tersebut. Tapi saya yakin anda juga pernah melihat sebuah website yang status bar-nya menampilkan teks animasi seperti teks berjalan atau berkedip. Nah, kali ini kita akan membuat animasi tersebut dengan menggunakan javascript.

Animasi Teks Berjalan di Status Bar  --> Model 1

Untuk bisa membuatnya, tentunya kita harus sudah mengenal lebih jauh tentang javascript dan DHTML (dynamic HTML). Namun di sini, biar lebih mudah, kita langsung membuat listing kodenya, anda tinggal mengubah beberapa teks seperlunya saja, lalu tinggal mencopy-nya ke website anda bila ingin menggunakannya.

Pada listing kode di atas, ubahlah nilai variabel pesan_berjalan pada teks berwarna merah. Adapun angka 200 menunjukkan interval pergerakan teks dalam satuan milidetik (1 detik = 1000 milidetik). Anda juga bisa mengubahnya sesuai keinginan. Tempatkan listing kode di atas di antara tag <head>  dan </head>.
Lalu rubahlah tag <body ...> anda dengan berikut ini:

Animasi Teks Berjalan di Status Bar  --> Model 2

Pada model 2 ini, mirip dgn yang pertama di atas, hanya saja ada sedikit kombinasi, yaitu gabungan teks berjalan dan yang tidak berjalan (tetap). Kodenya seperti berikut: (tempatkan di antara tag <head> dan </head>)


Pada listing kode di atas, ubahlah nilai variabel pesan_berjalan dan pesan_tetap pada teks berwarna merah sesuai dengan yang anda inginkan. Lalu rubahlah tag <body ...> anda dengan berikut ini:
<body onload="setTimeout('animasi_teks_berjalan_status_bar_model2()', 200)">
Animasi Teks Berkedip di Status Bar  --> Model 1

Kalau di atas kita membuat teks berjalan, sekarang kita akan membuat teks berkedip. Berikut ini kodenya:


Silahkan mengubah nilai variabel pesan_berjalan pada teks berwarna merah. Tempatkan listing kode di atas
di antara tag <head>  dan </head>. Lalu rubahlah tag <body ...> anda dengan berikut ini:
<body onload="setTimeout('animasi_teks_berkedip_status_bar_model1()', 200)">

Animasi Teks Berkedip di Status Bar  --> Model 2

Pada model 2 ini kita pakai kombinasi seperti di atas, yaitu gabungan teks berkedip dan yang tidak berkedip (tetap). Kodenya seperti berikut: (tempatkan di antara tag <head> dan </head>)

Pada listing kode di atas, ubahlah nilai variabel pesan_berjalan dan pesan_tetap pada teks berwarna merah sesuai dengan yang anda inginkan. Lalu rubahlah tag <body ...> anda dengan berikut ini: