xZee Blog



Cara mudah mengganti warna teks kode HTML

Plsy Store Street Fight
Cara mudah mengganti warna teks kode HTML pada posting kali ini Admin 1 xZee Blog kembali akan berbagi sebuah info seputar cara.... lah kok Admin 1 terus yang 2 mana.. yang 2 mungkin masih sibuk, kemarin on cuma pasang template posting ini terus habis itu bbm file css sama html template nya dan dimintalah saya membetulkan ??
tapi belum tak betulkan karena saya juga sedang iseng edit halaman index Blog ini.
{ malah curhat }
oke lanjut ke posting ini, yaitu mengenai Cara mudah mengganti warna teks kode HTML yang sebenarnya ini lebih ke css bukan html tapi ya kalo cuma css doang kagak bisa jadi ke html nya yang diambil sebagai judul ??

sebenarnya cara untuk mengganti warna teks di html dapat dilakukan dengan mudah menggunakan kode <div style="color: ???;"> teks anu </div>
tapi karena mungkin lebih mudah lagi jika dengan hanya menambah class="warna" jadi disini sudah saya siapkan paket css yang hanya berisikan warna yang nantinya digunakan untuk mengubah warna suatu teks tertentu dengan mudah.

Cara Pemasangan
1. salin kode berikut ini.

2. setelah disalin.
untuk tampilan desktop KLIK DISINI untuk tampilan mobile KLIK DISINI dan high-end KLIK DISINI (pengguna WBID)
3. letakan kode dibagian ini.
letakan kode diatas pada bagian sesudah <head> ..Kode disini.. sebelum </head>
contoh seperti gambar berikut
contoh Peletakan kode


  • Cara Penggunaan Seperti berikut.


gunakan kode <span> apabila kamu ingin menggunakannya disamping teks tertentu, gunakan <div> apabila ingin otomatis dengan paragraf baru.

contoh:
ini contoh dengan span

ini
contoh
dengan
div


atribut kode yang digunakan untuk memanggil warna adalah class=""
notes: jika kamu ingin mengganti warna teks link maka letakan class="" langsung pada tag kode <a> karena teks link tidak dapat diganti warna dengan <div> ataupun <span> contoh: <a href="" class="merah">Lenna Gracie</a> maka akan tampil seperti Lenna Gracie.


berikut adalah nama kode css nya

tulis teks yang ingin kamu ganti warna pada bagian <div class="warna">tulis disini</div>atau <span class="warna">tulis disini</span>
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
    Lenna Gracie
























selain warna putih, hitam dan abu-abu memang sengaja saja buat sedikit lebih gelap agar nantinya teks tampil lebih bagus atau jelas ketika berada pada latar belakang putih.


nah jika file css yang diatas sudah di pasang maka tinggal salin atau copy kode pada textarea mungil disamping contoh warna dengan teks Lenna Gracie diatas.

oke itulah posting xZee Blog kali ini tentang Cara mudah mengganti warna teks kode HTML
sekian posting ini adalah semoga bermanfaat..
Share This Post

Post Detail


Posted By: Zen Sama
Posted On: 16 Oct 2017 06:39
Category: Blog dan WebTutorial


Leave a Comment

Ramadhan GF
16 Oct 2017 08:49
Wah ternyata mudah ya :D sip, sudah disediakan css nya, tinggal pakai.
Ramadhan GF
16 Oct 2017 08:49
Wah ternyata mudah ya :D sip, sudah disediakan css nya, tinggal pakai.
Ramadhan GF
16 Oct 2017 08:50
Wah ternyata mudah ya :D sip, sudah disediakan css nya, tinggal pakai.
Nama Lengkap
16 Oct 2017 11:51
parah template nya masih berantakan di google chrome Lenna.. 😵

Please Login first for post a comment

Bookmark
Category
Please switch off your AdBlock and refresh this page :)