HTML memiliki banyak sekali fitur desain yang dapat memenuhi harapan seorang desainer web, bukan hanya mampu memvisualisasikan tombol tombol action, format atau bentuk halaman, namun juga memberikan warna warni pada halaman web dan bahkan memperkaya tampilan font.
Perhatikan Navigasi menu editblogtema paling ujung bar navigasi dengan submenu bertajuk: Good Bye Ads, sekilas hal itu hanyalah hal kecil, tetapi mampu menyita sedikit perhatian kita.
Kode Warna CSS Ads
Pada umumnya kode warna di terapkan pada bagian CSS, namun ketika di terapkan langsung ke HTML Kalian hanya perlu menambahkan bagian yang disorot dengan warna kuning pada saat menerapkannya di bagian HTML.
Triks ini tidak akan memberatkan loading blog dan berguna untuk merias font melalui HTML misalnya:
 |
| ilustrasi HTML5 |
Ads ditulis dalam tiga warna untuk menarik perhatian agar misi blog dapat dijelaskan melalui tiga huruf tersebut. Saat penulis menanyakan triknya, dan admin menjelaskannya penulis langsung minta ijin "share" dalam bentuk tips atau triks. Adapun dasar cara penulisannya adalah sebagai berikut:
Secara visual akan telihat di halaman web menjadi:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Kode Warna CSS</title> </head> <body>
<p><font color="#4169E1">A</font><font color="#A9A9A9">d</font><font color="#FF0000">s</font></p>
</body> </html>
Pada umumnya kode warna di terapkan pada bagian CSS, namun ketika di terapkan langsung ke HTML Kalian hanya perlu menambahkan bagian yang disorot dengan warna kuning pada saat menerapkannya di bagian HTML.
Triks ini tidak akan memberatkan loading blog dan berguna untuk merias font melalui HTML misalnya:
- Menu dan submenu berwarna warni pada navigasi di atas header halaman blog
- Judul dan sub-judul artikel atau judul Blog dengan beberapa warna.
- Merias font pada bagian footer blog dengan warna warni.
- dll
Untuk menerapkannya cobalah kalian masuk ke pengaturan blog:
- Pilih Post (postingan baru) lalu pilih "new post" (entri baru)
- Pada bagian atas Blanko entri baru, ada dua opsi: "Compose" dan "HTML", pilih mode HTML:
- Pastekan kode diatas (bagian yang di sorot warna kuning saja) lalu klik Preview
- Jika penerapan benar (tidak ada kode terlewatkan) maka kalian akan melihat hasilnya dengan benar pula
Demikian triks singkat, aku berharap dapat lagi menulis di halaman blog ini seputar HTML, CSS dan JS...