Cara Membuat Design berbasis HTML
Membuat Desain Website Berbasis HTML
Dengan Notepad++
Pengenalan Tag Pada HTML
Dalam HTML tag merupakan code sekaligus
perintah dimana kita dapat mengatur tampilan yang
kita inginkan. Tag pada HTML selalu diawali
dengan dan ditutup dengan dimana x
adalah perintah dari apa yang kita inginkan.
ยท Daftar Tag Pada HTML
ELEMEN DASAR
Jenis
Dokumen
(terdapat pada
awal dan akhir
dari file HTML)
Judul
(harus selalu
terdapat pada
mukadimah)
Mukadimah (keterangan
(Header)
umum, seperti
judul dsb.)
Batang
(isi dari halaman
Tubuh
HTML)
FORMAT TAMPILAN
Huruf
Tebal
Huruf
Miring
Garis
Bawah
Rata
Tengah
Huruf
Kedip
Ukuran
Huruf
(Bold)
(Italic)
(Underline jarang
digunakan)
(Center berlaku
untuk teks
maupun
gambar)
(Blinking tag terlucu
sampai kini)
(Font Size boleh diisi
dari 1
sampai 7)
Warna
Pilih
Jenis
Huruf
PEMISAH
Paragra
f
Align
Text
Pndah
Baris
(tag
penutup
seringkali
tak
diperluka
n)
(pindah
ke baris
berikut)
Garis
Datar
(Horizont
al Rule)
Penataa
Garis
Tebal
Garis
(dalam
satuan
pixel)
Lebar
Garis
(dalam
satuan
pixel)
Lebar
Garis
Persenta
si
(dalam
persentas
i terhadap
lebar
halaman)
LATAR BELAKANG DAN
WARNA
g
Gambar
Warna
WELCOME TO MY WEBSITE
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 1 berikut:
Gambar 1. Judul Tab Halaman
2. Mengatur paragraf texs, buka notepad++ kemudin
ketikan code dibawah ini:
Tag P, Br dan Hr
Ini adalah paragraf pertama, yang berisi 3 baris. Baris satu,
dua dan tiga.< br>
Ini adalah paragraf kerdua, yang berisi garis horizontal
Ini adalah garis horizontal.
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 2 berikut:
Gambar 2. Mengatur Paragraf
3.
Mengatur ukuran huruf, buka
kemudian ketikan code dibawah ini:
notepad++,
Tag Heading< /title>
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 3 berikut:
Gambar 3. Ukuran Huruf
4. Mengatur format texs, Buka notepad++, kemudian
ketikan code dibawah ini:
format tulisan
teks normal
teks small< /small>
teks big
teks tebal< /b>
teks miring< /i>
teks bergaris bawah< /u>
Contoh superscript : x< sup>2
Contoh subscript : H2O
Ini teks tercoret< /strike>
menggunakan tag font
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 4 berikut:
Gambar 4. Format tulisan
5.
Membuat from komentar, buka notepad++,
kemudian ketikan code dibawah ini:
From komentar
Silahkan Berkomentar :< /h3>
Nama
:
Email
:
Komentar
:
< /table>
rows=6
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 5 berikut:
Gambar 5. From komentar
6.
Mengatur kolom, buka notepad++ kemudian
ketikan code dibawah ini:
warna-warna
warna-warna< /td>
Hijau
Kuning
Merah< /td>
Abu-abu
Biru
Orange
Cokelat
Biru muda
Merah muda
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 6 berikut:
Gambar 6. Tabel
B. Hyperlink
1.
Membuat hyperlink kehalaman web lain, buka
notepad++, kemudian ketikan atau copy saja code
dibawah ini:
Judul tab
Ini hyperlink ke wordpress
Wordpress
Klik dan masuk ke yahoo Yahoo< /
a>
Masuk ke facebook anda
Facebook
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 7 berikut:
Gambar 7 link halaman web lain
2. Membuat hyperlink antar bagian dalam web, buka
notepad++, kemudian ketikan atau copy saja code
dibawah ini:
Judul tab
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 8 berikut:
Gambar 8. Link Antar Bagian Dalam Web
C. Membuat Website Sederhana
1.
Membuat halaman login pada website, buka
notepad++, kemudin ketikan atau copy saja code
dibawah ini:
login web
Silahkan mengisi data yang ada di bawah untuk masuk ke
website saya :)
Nama Anda:
Email Atau telepon:
Alamat:
Tanggal Lahir
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Januari
Februari
Maret
April
Mei
Juni
Juli
Agustus
September
Oktober
Nopember
Desember
1988
1989
1990
1991
1992
1993
1994
1995
1996
Jenis Kelamin
Pria
Wanita
<
BLINK>..... Dalam penggisiannya harus jujur yaa, jangan
bo'onk :) ......
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya,
background dapat anda ganti sendiri sesuai dengan
kesukaan anda.
Hasilnya seperti pada gambar 9 berikut:
Gambar 9. Halaman login
2.
Membuat halaman awal, buka notepad++,
kemudian ketikan atau copy saja code dibawah ini:
Home
Enter your comments here...
TUTORIAL HTML
Cara membuat tulisan bergerak
Cara membuat from komentar
Cara
membuat halaman login
s~
Meskipun banyak kendala dalam pembuatan desain web, tapi
tetap berusaha untuk mencapai hasil yang terbaik
~
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, anda
bisa menganti gambar-gambarnya sesuai yang anda
inginkan, dan anda juga dapat menganti background
dan animasi yang sesuai dengan anda.
Hasilnya akan seperti pada gambar 10 berikut:
Gambar 10. Halaman awal
3. Membuat data pribadi atau profil, buka notepad++,
kemudian ketikan atau copy saja code dibawah ini:
Profilku
~ Selamat datang di website pertama saya ~< img
src='gambar/halo.gif'
border='0'
width='40'
height='40'>
PROFILKU
NAMA
:
Rian
Hidayat
ALAMAT
: Weru, Sukoharjo
TTL
: Sukoharjo, 09November-1993
PEKERJAAN
:
Mahasiswa
HOBY
: Tidur
NO.TELPONE
:
085728282066
EMAIL
:
[email protected]
NAMA
: Bram Putra
P.
ALAMAT
: Laweyan,
Surakarta
TTL
: Surakarta, 13April-1992
PEKERJAAN
:
Mahasiswa
NO.TELPONE
:
XXXXXXXXXXXXXX
TUTORIAL HTML
Cara
membuat
tulisan
bergerak
Cara membuat from komentar
Cara membuat halaman login
~
Meskipun banyak kendala dalam pembuatan desain web, tapi
tetap berusaha untuk mencapai hasil yang terbaik
~
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, anda
bisa menganti gambar-gambarnya sesuai yang anda
inginkan, dan anda juga dapat menganti background
dan animasi yang sesuai dengan anda.
Hasilnya akan seperti pada gambar 11 berikut:
Gambar 11. Membuat data pribadi
4.
Membuat album galery, buka notepad++,
kemudian ketikan atau bisa copy saja code dibawah
ini:
Profilku
~ Selamat datang di website pertama saya ~< img
src='gambar/halo.gif'
border='0'
width='40'
height='40'>
Galery
Album
Kegiatan Teknisi
TUTORIAL HTML
Cara
membuat
tulisan
bergerak
Cara membuat from komentar
Cara membuat halaman login
~
Meskipun banyak kendala dalam pembuatan desain web, tapi
tetap berusaha untuk mencapai hasil yang terbaik
~
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, anda
bisa menganti gambar-gambarnya sesuai yang anda
inginkan, dan anda juga dapat menganti background
dan animasi yang sesuai dengan anda.
Hasilnya akan seperti pada gambar 12 berikut:
Gambar 12. Galery
5.
Membuat artikel html tentang cara membuat
tulisan bergerak, buka notepad++, kemudian ketikan
atau copy saja code dibawah ini:
Cara membuat tulisan bergerak
~ Selamat datang di website pertama saya ~< img
src='gambar/halo.gif'
border='0'
width='40'
height='40'>
Tutorial Membuat Tulisan Menjadi
Bergerak
Marquee tag digunakan untuk
menggerakkan sama ada perkataan ataupun gambar. Dalam
contoh ini, saya akan tunjukkan beberapa cara untuk
menggunakan Marquee tag ini untuk menggerakkan tulisan
anda.
Teks Bergerak Ke Bawah...
Teks
Bergerak
Ke
Kanan...
Teks Bergerak Ke Kiri...
Teks Bergerak Ke Atas...
1. Seperti yang
anda lihat di atas, Teks ini bergerak ke kiri dan ke kanan. Anda
boleh gunakan kode dibawah ini untuk melakukan tricks
tersebut.
<marquee direction="
right">This
text
scrolls
right...</marquee>
Apa yang anda perlukan, gantikan
teks yang bewarna kuning kepada arah mana anda akan teks tu Scroll. Anda
boleh pilih sama ada - up, down, right, left.
Teks
ini
Macam
Ferari..2. Anda boleh
mengubah kelajuan teks dengan menggunakan kod di bawah
ni.
<marquee
scrollamount="30">Teks ni
Macam
Ferari..</marquee>
Ubah nomer
yang
bewarna
Oren untuk mengubah
kelajuan.
Teks
ini
seperti
Siput..
<marquee
scrolldelay="300">Teks ini seperti Siput..</marquee>
3. Ubah nomer
yang
bewarna<
b>hijau untuk mengubah
kelajuan.
Teks ini Melantun
Untuk membuatkan teks
anda melantun seperti di atas ini. Gunakan kode di bawah.
<marquee
behavior="alternate">Teks
ini
Melantun</marquee>
4.
Ok. Seterusnya cara untuk menetapkan ruangan untuk Marquee
bergerak
Teks ini bergerak dalam kelebaran
200 width
<marquee width="200">Teks ini bergerak dalam kelebaran 200 width</
marquee>
Anda boleh tentukan width
mengikut kesukaan anda dengan menukarkan nomer yang
bewarna< b>hijau.
5.
Seterusnya
saya
akan
menggabungkan beberapa kode Marquee ini bersama.
Teks
Paling
Awesome
Ini merupakan kode yang saya
gunakan untuk membuat teks bergerak seperti yang di atas.
<marquee behavior="alternate"
width="400" scrollamount="30">Teks Paling Awesome</marquee>
Sekarang, anda boleh coba dalam
blog anda, anda juga boleh gabungkan kode-kode marquee ini
mengikut kesukaan anda masing-masing.
< center>
TUTORIAL HTML
Cara
membuat
tulisan
bergerak
Cara membuat from komentar
Cara membuat halaman login
~
Meskipun banyak kendala dalam pembuatan desain web, tapi
tetap berusaha untuk mencapai hasil yang terbaik
~
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, anda
bisa menganti gambar-gambarnya sesuai yang anda
inginkan, dan anda juga dapat menganti background
dan animasi yang sesuai dengan anda.
Hasilnya akan seperti pada gambar 12 berikut:
Gambar 13. Artikel tulisan bergerak
Dengan Notepad++
Pengenalan Tag Pada HTML
Dalam HTML tag merupakan code sekaligus
perintah dimana kita dapat mengatur tampilan yang
kita inginkan. Tag pada HTML selalu diawali
dengan dan ditutup dengan dimana x
adalah perintah dari apa yang kita inginkan.
ยท Daftar Tag Pada HTML
ELEMEN DASAR
Jenis
Dokumen
(terdapat pada
awal dan akhir
dari file HTML)
Judul
(harus selalu
terdapat pada
mukadimah)
Mukadimah (keterangan
(Header)
umum, seperti
judul dsb.)
Batang
(isi dari halaman
Tubuh
HTML)
FORMAT TAMPILAN
Huruf
Tebal
Huruf
Miring
Garis
Bawah
Rata
Tengah
Huruf
Kedip
Ukuran
Huruf
(Bold)
(Italic)
(Underline jarang
digunakan)
(Center berlaku
untuk teks
maupun
gambar)
(Blinking tag terlucu
sampai kini)
(Font Size boleh diisi
dari 1
sampai 7)
Warna
Pilih
Jenis
Huruf
PEMISAH
Paragra
f
Align
Text
Pndah
Baris
(tag
penutup
seringkali
tak
diperluka
n)
(pindah
ke baris
berikut)
Garis
Datar
(Horizont
al Rule)
Penataa
Garis
Tebal
Garis
(dalam
satuan
pixel)
Lebar
Garis
(dalam
satuan
pixel)
Lebar
Garis
Persenta
si
(dalam
persentas
i terhadap
lebar
halaman)
LATAR BELAKANG DAN
WARNA
g
Gambar
Warna
WELCOME TO MY WEBSITE
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 1 berikut:
Gambar 1. Judul Tab Halaman
2. Mengatur paragraf texs, buka notepad++ kemudin
ketikan code dibawah ini:
Tag P, Br dan Hr
Ini adalah paragraf pertama, yang berisi 3 baris. Baris satu,
dua dan tiga.< br>
Ini adalah paragraf kerdua, yang berisi garis horizontal
Ini adalah garis horizontal.
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 2 berikut:
Gambar 2. Mengatur Paragraf
3.
Mengatur ukuran huruf, buka
kemudian ketikan code dibawah ini:
notepad++,
Tag Heading< /title>
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 3 berikut:
Gambar 3. Ukuran Huruf
4. Mengatur format texs, Buka notepad++, kemudian
ketikan code dibawah ini:
format tulisan
teks normal
teks small< /small>
teks big
teks tebal< /b>
teks miring< /i>
teks bergaris bawah< /u>
Contoh superscript : x< sup>2
Contoh subscript : H2O
Ini teks tercoret< /strike>
menggunakan tag font
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 4 berikut:
Gambar 4. Format tulisan
5.
Membuat from komentar, buka notepad++,
kemudian ketikan code dibawah ini:
From komentar
Silahkan Berkomentar :< /h3>
Nama
:
:
Komentar
:
< /table>
rows=6
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 5 berikut:
Gambar 5. From komentar
6.
Mengatur kolom, buka notepad++ kemudian
ketikan code dibawah ini:
warna-warna
warna-warna< /td>
Hijau
Kuning
Merah< /td>
Abu-abu
Biru
Orange
Cokelat
Biru muda
Merah muda
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 6 berikut:
Gambar 6. Tabel
B. Hyperlink
1.
Membuat hyperlink kehalaman web lain, buka
notepad++, kemudian ketikan atau copy saja code
dibawah ini:
Judul tab
Ini hyperlink ke wordpress
Wordpress
Klik dan masuk ke yahoo Yahoo< /
a>
Masuk ke facebook anda
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 7 berikut:
Gambar 7 link halaman web lain
2. Membuat hyperlink antar bagian dalam web, buka
notepad++, kemudian ketikan atau copy saja code
dibawah ini:
Judul tab
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
hasilnya akan seperti pada gambar 8 berikut:
Gambar 8. Link Antar Bagian Dalam Web
C. Membuat Website Sederhana
1.
Membuat halaman login pada website, buka
notepad++, kemudin ketikan atau copy saja code
dibawah ini:
login web
Silahkan mengisi data yang ada di bawah untuk masuk ke
website saya :)
Nama Anda:
Email Atau telepon:
Alamat:
Tanggal Lahir
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Januari
Februari
Maret
April
Mei
Juni
Juli
Agustus
September
Oktober
Nopember
Desember
1988
1989
1990
1991
1992
1993
1994
1995
1996
Jenis Kelamin
Pria
Wanita
<
BLINK>..... Dalam penggisiannya harus jujur yaa, jangan
bo'onk :) ......
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya,
background dapat anda ganti sendiri sesuai dengan
kesukaan anda.
Hasilnya seperti pada gambar 9 berikut:
Gambar 9. Halaman login
2.
Membuat halaman awal, buka notepad++,
kemudian ketikan atau copy saja code dibawah ini:
Home
Enter your comments here...
TUTORIAL HTML
Cara membuat tulisan bergerak
Cara membuat from komentar
Cara
membuat halaman login
s~
Meskipun banyak kendala dalam pembuatan desain web, tapi
tetap berusaha untuk mencapai hasil yang terbaik
~
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, anda
bisa menganti gambar-gambarnya sesuai yang anda
inginkan, dan anda juga dapat menganti background
dan animasi yang sesuai dengan anda.
Hasilnya akan seperti pada gambar 10 berikut:
Gambar 10. Halaman awal
3. Membuat data pribadi atau profil, buka notepad++,
kemudian ketikan atau copy saja code dibawah ini:
Profilku
~ Selamat datang di website pertama saya ~< img
src='gambar/halo.gif'
border='0'
width='40'
height='40'>
PROFILKU
NAMA
:
Rian
Hidayat
ALAMAT
: Weru, Sukoharjo
TTL
: Sukoharjo, 09November-1993
PEKERJAAN
:
Mahasiswa
HOBY
: Tidur
NO.TELPONE
:
085728282066
:
[email protected]
NAMA
: Bram Putra
P.
ALAMAT
: Laweyan,
Surakarta
TTL
: Surakarta, 13April-1992
PEKERJAAN
:
Mahasiswa
NO.TELPONE
:
XXXXXXXXXXXXXX
TUTORIAL HTML
Cara
membuat
tulisan
bergerak
Cara membuat from komentar
Cara membuat halaman login
~
Meskipun banyak kendala dalam pembuatan desain web, tapi
tetap berusaha untuk mencapai hasil yang terbaik
~
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, anda
bisa menganti gambar-gambarnya sesuai yang anda
inginkan, dan anda juga dapat menganti background
dan animasi yang sesuai dengan anda.
Hasilnya akan seperti pada gambar 11 berikut:
Gambar 11. Membuat data pribadi
4.
Membuat album galery, buka notepad++,
kemudian ketikan atau bisa copy saja code dibawah
ini:
Profilku
~ Selamat datang di website pertama saya ~< img
src='gambar/halo.gif'
border='0'
width='40'
height='40'>
Galery
Album
Kegiatan Teknisi
TUTORIAL HTML
Cara
membuat
tulisan
bergerak
Cara membuat from komentar
Cara membuat halaman login
~
Meskipun banyak kendala dalam pembuatan desain web, tapi
tetap berusaha untuk mencapai hasil yang terbaik
~
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, anda
bisa menganti gambar-gambarnya sesuai yang anda
inginkan, dan anda juga dapat menganti background
dan animasi yang sesuai dengan anda.
Hasilnya akan seperti pada gambar 12 berikut:
Gambar 12. Galery
5.
Membuat artikel html tentang cara membuat
tulisan bergerak, buka notepad++, kemudian ketikan
atau copy saja code dibawah ini:
Cara membuat tulisan bergerak
~ Selamat datang di website pertama saya ~< img
src='gambar/halo.gif'
border='0'
width='40'
height='40'>
Tutorial Membuat Tulisan Menjadi
Bergerak
Marquee tag digunakan untuk
menggerakkan sama ada perkataan ataupun gambar. Dalam
contoh ini, saya akan tunjukkan beberapa cara untuk
menggunakan Marquee tag ini untuk menggerakkan tulisan
anda.
Teks Bergerak Ke Bawah...
Teks
Bergerak
Ke
Kanan...
Teks Bergerak Ke Kiri...
Teks Bergerak Ke Atas...
1. Seperti yang
anda lihat di atas, Teks ini bergerak ke kiri dan ke kanan. Anda
boleh gunakan kode dibawah ini untuk melakukan tricks
tersebut.
<marquee direction="
right">This
text
scrolls
right...</marquee>
Apa yang anda perlukan, gantikan
teks yang bewarna kuning kepada arah mana anda akan teks tu Scroll. Anda
boleh pilih sama ada - up, down, right, left.
Teks
ini
Macam
Ferari..2. Anda boleh
mengubah kelajuan teks dengan menggunakan kod di bawah
ni.
<marquee
scrollamount="30">Teks ni
Macam
Ferari..</marquee>
Ubah nomer
yang
bewarna
Oren untuk mengubah
kelajuan.
Teks
ini
seperti
Siput..
<marquee
scrolldelay="300">Teks ini seperti Siput..</marquee>
3. Ubah nomer
yang
bewarna<
b>hijau untuk mengubah
kelajuan.
Teks ini Melantun
Untuk membuatkan teks
anda melantun seperti di atas ini. Gunakan kode di bawah.
<marquee
behavior="alternate">Teks
ini
Melantun</marquee>
4.
Ok. Seterusnya cara untuk menetapkan ruangan untuk Marquee
bergerak
Teks ini bergerak dalam kelebaran
200 width
<marquee width="200">Teks ini bergerak dalam kelebaran 200 width</
marquee>
Anda boleh tentukan width
mengikut kesukaan anda dengan menukarkan nomer yang
bewarna< b>hijau.
5.
Seterusnya
saya
akan
menggabungkan beberapa kode Marquee ini bersama.
Teks
Paling
Awesome
Ini merupakan kode yang saya
gunakan untuk membuat teks bergerak seperti yang di atas.
<marquee behavior="alternate"
width="400" scrollamount="30">Teks Paling Awesome</marquee>
Sekarang, anda boleh coba dalam
blog anda, anda juga boleh gabungkan kode-kode marquee ini
mengikut kesukaan anda masing-masing.
< center>
TUTORIAL HTML
Cara
membuat
tulisan
bergerak
Cara membuat from komentar
Cara membuat halaman login
~
Meskipun banyak kendala dalam pembuatan desain web, tapi
tetap berusaha untuk mencapai hasil yang terbaik
~
Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, anda
bisa menganti gambar-gambarnya sesuai yang anda
inginkan, dan anda juga dapat menganti background
dan animasi yang sesuai dengan anda.
Hasilnya akan seperti pada gambar 12 berikut:
Gambar 13. Artikel tulisan bergerak