Cara Membuat Tulisan Berjalan Dengan Warna Background Keren

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. Kode Dasar Tulisan Berjalan

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. Tulisan Dengan Warna Background Hijau

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. Tulisan Berjalan Warna Putih Dan Warna Background Hijau

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. Tulisan Dengan Warna Background Hijau

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. Tulisan Dengan Warna Putih Ditengah Background Hijau

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. Tulisan Dengan Warna Putih Ditengah Background Hijau Dan Merah Tulisan Dengan Warna Putih Ditengah Background Hijau Dan Hitam Tulisan Dengan Warna Putih Ditengah Background Hijau Dan Biru

7. Tulisan Dengan Warna Putih Ditengah Background Putih Dan Merah Tulisan Dengan Warna Putih Ditengah Background Putih Dan Hitam Tulisan Dengan Warna Putih Ditengah Background Putih Dan Biru

8. Tulisan Dengan Warna Putih Ditengah Background Hitam Dan Merah

Tulisan Dengan Warna Putih Ditengah Background Hitam Dan Hijau

Tulisan Dengan Warna Putih Ditengah Background Hitam Dan Biru

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.

Posted by Sakri

Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+