Cara Memberi Warna Tertentu Pada Teks dan Simbol Dengan Kode Html

 

Pada website bawaan Blogger, telah tersedia menu pemilihan warna teks judul dan konten. Apabila data pemilihan sudah disimpan, website akan memberlakukan warna tersebut secara keseluruhan.

Apakah dengan adanya setting bawaan Blogger itu sudah cukup ? Mungkin Anda berpikir adanya warna teks yang variatif dalam konten akan lebih menarik.

Isi Artikel

• Formasi Sederhana Kode Html Untuk Pemberian Warna Pada Teks dan Simbol 
• Penempatan Kode Warna Yang Tepat Dalam Struktur Website
• Pengaturan Warna Teks dan Simbol Dengan CSS
• Menyembunyikan Teks Atau Simbol Dengan Kode Warna
• Tabel Kode Warna

Formasi Sederhana Kode Html Untuk Pemberian Warna Pada Teks dan Simbol 

<font color="red">Teks atau Simbol</font> <font color="#666">Teks atau Simbol</font>

Penempatan Kode Warna Yang Tepat Dalam Struktur Website

Kode html versi terkini dari Blogger sedikit banyak ada perubahan. Salah satunya tentang pemakaian tanda ' pada "Theme". Jadi, pengetikan kode html yang tepat untuk font :

<font color='red'>Teks atau Simbol</font> <font color='#777'>Teks atau Simbol</font>

Sedangkan untuk yang di luar "Theme" seperti sidebar, posting, footer, Anda bebas menggunakan tanda ' maupun ". Asalkan kode diakhiri dengan tanda yang sama.

Pengaturan Warna Teks dan Simbol Dengan CSS

Mungkin Anda merasa repot karena ingin mengatur warna teks termasuk ukurannya, posisinya dan sebagainya, sehingga pengetikannya agak panjang. Bagaimana kalau dibantu dengan CSS ? Kriteria teks cukup dideskripsikan dalam bentuk kode CSS. Demikian, Anda akan menghemat banyak waktu, cukup menambahkan "id" pada teks yang ingin diaplikasikan.

Contoh sederhana kode CSS untuk kriteria teks dan simbol :

.teks { font-size: 16px; font-color: #666666; position: center; }

Menyembunyikan Teks Atau Simbol Dengan Kode Warna

Cara pertama, Anda bisa mencoba menggunakan kode warna "transparent".  Apabila tidak berpengaruh , gunakan metode berikut, penyesuaian warna latar.

Warna latar dapat berperan dalam hal menyembunyikan teks dan simbol. Oleh karena itu, cari dan tentukan  warna latar dengan pasti. Setelah itu, kode warna latar disematkan pada kode html.

 

 

Tabel Kode Warna

Pengkodean pada warna sangat banyak dan tidak mungkin ditampilkan semuanya. Berikut ini adalah kode warna secara garis besar saja dan yang sering diterapkan pada website.

#F0F8FF

  Alice Blue [rgb(240, 248, 254)]

#FAEBD7

  Antique White  [rgb(251, 235, 217)]

#00FFFF

  Aqua   [rgb(0, 255, 254)]

#7FFFD4

  Aquamarine   [rgb(115, 255, 216)]

#F0FFFF

  Azure   [rgb(239, 255, 255)]

#F5F5DC

  Beige   [rgb(245, 245, 223)]

#FFE4C4

  Bisque [rgb(255, 227, 200)]

#000000

  Black   [rgb(0, 0, 0)]

#FFEBCD

  Blanched Almond   [rgb(255, 234, 208)]

#0000FF

  Blue [rgb(0, 0, 255)]

#FF8C00

  Dark Orange   [rgb(251, 140, 1)]

#9932CC

  Dark Orchid   [rgb(153, 50, 204)]

#8B0000 .

  Dark Red [rgb(139, 5, 0)]

#E9967A

  Dark Salmon   [rgb(233, 150, 122)]

#8FBC8F

  Dark Sea Green   [rgb(143, 188, 144)]

#483D8B

  Dark Slate Blue   [rgb(72, 61, 139)]