Rabu, 05 Oktober 2011
MEMPERCANTIK BLOG : Menambah Animasi Teks
Awalnya saya iseng - isengan mencari tutorial di Internet dengan keyword belajar HTML, kemudian saya unduh filenya, disana berisi sintaks - sintaks html, kemudian saya menemukan sintaks untuk membuat animasi teks dan teks berkedip, saya coba buat dan sukses. Kemudian saya iseng - isengan coba buat di blog... eh... ternyata bisa juga.... wah...bagus ni.... nah sekarang saya ingin berbagi pengalaman saya ini
TULISAN BERKEDIP-KEDIP
Kita dapat menambahkan tulisan berkedip. misalnya seperti tulisan dibawah ini
Selamat Datang
sintak dasar pembuatan teks berkedip adalah seperti berikut
pada teks, silahkan isi tulisan yang diinginkan. kita juga dapat mengatur fontnya. sobat yang sudah mengenal html pasti bisa mengatur fontnya dengan sintaks
misalkan saya menuliskan
hasil sintaks di atas adalah seperti berikut
Selamat Datang
sobat bisa menambahkan atribut pengaturan teks yang lain seperti Bold, underline, italic, center, left, right dsb.
Mudah kan???? silahkan mencoba dengan kreasi sobat sendiri
TULISAN BERJALAN
Untuk membuat tulisan berjalan sintaksnya cukup mudah yaitu
Hasilnya seperti berikut
Selamat Datang Di Blog Saya
Nah untuk mempercantik tampilannya anda dapat mengatur fontnya sama seperti mengatur font pada file HTML pada umumnya. Seperti mengatur font pada cara membuat tulisan berkedip di atas.
Disamping itu, agar lebih menarik bisa juga menambahkan sintaks seperti berikut
Behavior , yaitu atribut untuk mengatur perilaku tulisan. Dimana didalamnya diisikan nilai seperti berikut:
Scroll : teks/tulisan akan berjalan berulang kali. Makdusnya adalah setelah berjalan 1 kali, maka akan muncul kembali untuk berjalan lagi.
Slide : teks/tulisan akan berjalan hanya 1 kali. Setelah itu berhenti.
Alternate : teks/tulisan akan berjalan bolak balik, setelah dari kiri ke kanan kemudian berbalik dari kanan ke kiri (atau sebaliknya).
Contoh penulisannya
Hasilnya seperti berikut
goez wiroe #1 warez
Direction, merupakan atribut yang mengatur arah gerak tulisan. Dimana didalamnya diisikan nilai seperti berikut:
Right: agar tulisan berjalan ke kanan
Left: agar tulisan berjalan ke kiri
Down: agar tulisan berjalan ke bawah
Up: agar tulisan berjalan ke atas
Contoh penulisannya
Hasilnya seperti berikut
goez wiroe #1 warez
3. Scrollamount, merupakan atribut yang mengatur kecepatan tulisan berjalan. Nilanya berupa angka. Semakin besar angkanya, maka kecepatannya akan semakin besar pula.
Contoh penulisannya
Hasilnya seperti berikut
goez wiroe #1 warez
4. Onmouseout, merupakan atribut yang mengatur perilaku tulisan jika mouse tidak diletakkan di atasnya. Misalnya kita ingin membuat tulisan yang berhenti menjadi bergerak kembali ketika mouse menjauh, maka bentuknya adalah:
onmouseout="this.start()"
Contoh penulisannya
Hasilnya seperti berikut
goez wiroe #1 warez
5. Onmouseover, merupakan atribut yang mengatur perilaku tulisan jika mouse diletakkan di atasnya. Misalnya kita ingin tulisan akan berhenti jika muse diletakkan diatasnya, maka bentuknya adalah :
onmouseover="this.stop()"
Contoh penulisannya
Hasilnya seperti berikut
goez wiroe #1 warez
6. disamping itu kita juga dapat mengubah bgcolornya seperti
Hasilnya seperti berikut
goez wiroe #1 warez
Nah sudah paham kan kedua cara di atas????
setelah itu, kita dapat mengkombinasikan teks berkedip dan teks berjalan.
misal
Hasilnya seperti berikut
goez wiroe #1 warez
baik.. sekarang pertanyaannya adalag, bagaimana cara memasukkan sintaks di atas????
All right, saya akan menjawabnya.
ada banyak cara sebenarnya, tergantung sobat mau menaruhnya sendiri pada blog untuk hiasan atau sebagai atribut postingan sobat... Baik... kita bahas satu persatu
1. Untuk postingan blog
Masuk ke pembuatan postinagan. Buatlah postingan seperti biasa. Tentuin di bagian mana akan diisi animasi teks. misal saya menulis postingan
Setiap host atau node yang menggunakan protokol TCP/IP harus mempunyai alamat internet sendiri. Penentuan IP address termasuk bagian yang sangat penting dalam pengambilan keputusan desain. Hal ini disebabkan oleh IP address akan ditempatkan dalam header setiap paket data yang dikirim oleh komputer ke komputer lain serta akan digunakan untuk menentukan rute yang harus dilalui oleh paket data.
lalu saya ingin menambah teks animasi pada akhir postingan dengan kalimat semoga bermanfaat. Saya memilih cara no 6 di atas dan membuat teks berkedip.
Maka caranya, sobat klik pada akhir postingan (setelah kata data).
kemudian saya langsung menuliskan
maka hasilnya
Setiap host atau node yang menggunakan protokol TCP/IP harus mempunyai alamat internet sendiri. Penentuan IP address termasuk bagian yang sangat penting dalam pengambilan keputusan desain. Hal ini disebabkan oleh IP address akan ditempatkan dalam header setiap paket data yang dikirim oleh komputer ke komputer lain serta akan digunakan untuk menentukan rute yang harus dilalui oleh paket data.
semoga bermanfaat
semoga bermanfaat
Jika cara di atas tidak berhasil, gunakan alternatif, tengok di bagian pojok kanan atas pembuatan postingan ada tulisan edit HTML. Nah...klik edit HTML itu. lalu ketih dah sintaksnya....
1. Untuk Hiasan Blog
Masuk ke Rancangan, pada bagian Elemen Laman. Disana ada menu tambah gadget. nah... klik menu tambag gadget itu. kemudian klik pada gadget HTML/Java script
Pada bagian judul kosongkan saja. pada bagian isi, buat dah sintaks seperti yang di atas, atau sesuai keinginan anda. setelah selesai klik done/save. perhatikan posisi - posisi gadget, lalu lihat gadget yang baru anda tambah, yaitu gadget html. nah jika sobat inginn merubah tempat gadget itu, silahkan geser saja ke tempat yang diinginkan. untuk merubah isinya tinggal klik edit. jika ingin menambahkan animasi teks lagi, silahkan ulangi cara di atas. setelah selesai jangan lupa untuk menyimpan perubagan (klik save pada pojoj kanan atas). untuk melihat hasilnya dapat mengklik lihat blog.
All right.... beres..... saya harap sobat ga mengalami masalah.... jika ada problem, jangan segan - segan bertanya.
Langganan:
Postingan (Atom)