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.