Untuk belajar membuat HTML, anda membutuhkan 2 buah program aplikasi yaitu HTML editor dan web browser. Untuk HTML Editor, anda dapat menggunakan yang paling mudah dan mungkin sudah ada di komputer anda yaitu Notepad. Sedangkan untuk browser, silahkan nanti gunakan Internet Explorer atau Mozilla Firefox yang mungkin juga sudah ada di komputer anda.
Jadi saat ini kita bisa langsung mempraktekkan bagaimana cara membuat HTML dari yang paling dasar. Notepad nantinya akan kita gunakan mengetikkan kode-kode atau tag HTML. Sedangkan web browser atau biasa disebut “browser” saja, akan kita gunakan untuk melihat hasil halaman HTML yang sudah kita buat. Langsung saja kepada praktek cara membuat HTML dasar, silahkan ikuti langkah-langkah berikut ini.
Buka aplikasi Notepad di komputer anda lalu ketikkan kode HTML berikut ini :
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
Hallo, selamat belajar HTML.
</body>
</html>
Catatan : Nomor yang muncul di setiap baris tidak perlu anda ketik, itu hanya tampilan untuk menunjukkan nomor baris kode yang ada. Jadi ketikkan seperti gambar berikut ini :
Selanjutnya silahkan klik menu File-Save As untuk menyimpan file yang anda buat. Simpan dokumen/file diatas dengan nama “latihan.html”. Pastikan anda mengetikkan “latihan.html” (tanpa tanda petik) ketika menyimpan, karena jika tidak maka file yang tersimpan otomatis menjadi file dengan ektension “txt”.Cara membuat teks bergerak merupakan salah satu langkah desain blog yang biasanya dilakukan untuk tek-teks atau kalimat-kalimat yang penting, misalnya ucapan selamat datang, iklan atau judul bagian-bagian tertentu dari blog. Baca juga artikel untuk mempercantik dan mendesain blog berikut: cara membuat judul widget berada di tengah sidebar. Oke, kembali ke permasalahan, Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.
Note: yang akan saya bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.
berikut cara menjadikan teks di blog bergerak:
Login ke Blogger.
Klik Tata Letak.
Ketika sudah berada di Elemen Halaman klik Tambah Gadget.
Lalu pilih HTML/JavaScript.
Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini:
1. Teks berjalan dari kanan ke kiri
Kode:
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
Hasil:
Contoh Tulisan Berjalan
2. Teks berjalan dari kiri ke kanan
Kode:
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Hasil:
Contoh Tulisan Berjalan
3. Teks berjalan bolak balik
Kode:
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
Hasil:
Contoh Tulisan Berjalan
4. Teks berjalan dari atas ke bawah
Kode:
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Hasil:
Contoh Tulisan Berjalan 5. Teks berjalan dari bawah ke atas
Kode:
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Hasil:
Contoh Tulisan Berjalan 6. Teks berjalan mondar-mandir
Kode:
<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
Hasil:
Contoh Tulisan Berjalan 7. Teks berjalan zig-zag nembus
Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
Hasil:
Contoh Tulisan Berjalan
8. Teks berjalan zig-zag mantul
Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
Hasil:
Contoh Tulisan Berjalan
Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang anda inginkan.
Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
# Fungsi dari :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.
Oke, sekian posting saya dengan judul cara membuat teks bergerak di blog. Semoga bisa menjadi informasi yang bermanfaat..
Tidak ada komentar:
Posting Komentar