Cara membuat tulisan berjalan di blog dengan warna background keren - Di artikel ini akan dijelaskan tentang bagaimana cara membuat tulisan berjalan atau bergerak dengan warna background keren untuk dipasang di area blog atau website.
Untuk membuat tulisan berjalan dengan background warna silahkan simak dulu cara membuat kode dasarnya terlebih dulu dibawah.
1.
<marquee>Kode Dasar Tulisan Berjalan</marquee>
Hasil 1:
1.
Untuk mengetahui lebih lengkap kode html dasar tulisan berjalan silahkan baca:
Cara membuat marquee tulisan berjalan di blog
Uraian selanjutnya kita akan membuat tulisan berjalan dengan background warna, dan untuk bisa membuatnya maka kode 'marquee' harus ditambah dengan elemen 'bgcolor', begini contoh membuatnya:
2.
<marquee
bgcolor="green">Tulisan
Dengan Warna
Background
Hijau</marquee>
Hasil 2:
2.
Berikutnya akan mengatur atau merubah warna teks tulisan berjalan jadi warna putih atau warna apapun yang anda mau, yang penting terlihat keren. Begini cara membuat kodenya:
3.
<marquee style="background:green;color:#ffffff;">Tulisan Berjalan Warna Putih
Dan Warna
Background
Hijau</marquee>
Hasil 3:
3.
Yang diatas sepertinya belum lengkap jika belum menambahkan atau mengatur lebar dan tinggi background tulisan berjalan. Baiklah, Untuk langkah selanjutnya kita akan mengatur lebar dan tinggi background dengan menambahkan elemen 'width' dan 'height'. Begini cara menerapkannya:
4.
<marquee style="background:green;color:#ffffff;"width="300"height="40">Tulisan
Dengan Warna
Background
Hijau</marquee>
Hasil 4:
4.
Anda dapat merubah lebar dan tinggi background tulisan berjalan sesuai dengan blog anda.
Berikutnya mari kita sempurnakan lagi pengetahuan kita dengan mengatur letak tulisan berjalan dengan menambahkan elemen 'padding'. Ini cara membuatnya:
5.
<marquee style="background:green;color:#ffffff;padding:15px 15px 15px 15px;width="auto"height="40">Tulisan
Dengan Warna Putih Ditengah
Background
Hijau</marquee>
Hasil 5
5.
Ok, untuk membuat tulisan berjalan terlihat lebih keren lagi buat kode html seperti ini:
6.
<marquee style="background:green;color:#ffffff;padding:15px 15px 15px 15px;width="auto"height="auto"><span style="background:red;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Hijau Dan Merah</span>
<span style="background:black;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Hijau Dan Hitam</span>
<span style="background:Blue;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Hijau Dan Biru</span></marquee>
7.
<marquee style="background:white;color:#ffffff;border:2px solid #ff0000;padding:15px 15px 15px 15px;width="auto"height="auto">
<span style="background:red;margin:15px;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Putih Dan Merah</span>
<span style="background:black;margin:15px;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Putih Dan Hitam</span>
<span style="background:Blue;margin:15px;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Putih Dan Biru</span></marquee>
8.
<marquee style="background:black;color:#ffffff;padding:15px 15px 15px 15px;width="auto"height="auto"><span style="background:red;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Hitam Dan Merah</span> <br/><br/>
<span style="background:black;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Hitam Dan Hijau</span> <br/><br/>
<span style="background:Blue;"width="100px"height="25px">Tulisan
Dengan Warna Putih Ditengah
Background
Hitam Dan Biru</span></marquee>
Hasil 6, 7 dan 8:
6.
7.
8.
Baca juga:
Cara membuat marquee link tulisan berjalan
Cara membuat marquee gambar berjalan di blog
Langkah selanjutnya silahkan anda pasang tulisan apa saja termasuk nama, ucapan selamat datang yang bisa berjalan diarea blog anda, boleh dipasang di posting blog, sidebar tata letak blog atau di template blog. khusus dipasang didalam template maka kode tulisan berjalan diparse lebih dulu.
Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:
Facebook
Twitter
Google+
stenlysaputra@gmail.com
ReplyDelete