Cara mengatur warna text gadget side
bar yang dibahas ini adalah teks Link pada gadget HTML/Javascript yang
dipergunakan sebagai sarana membuat daftar isi blog. Tujuan pengaturan
ini adalah untuk membedakan warna teks Url (Uniform Resource Locator)
halaman posting yang sudah dan belum dibaca oleh pengunjung blog
sehingga pengunjung yang bersangkutan akan merasa nyaman dari pelayanan
yang diberikan.
Cara mengatur warna teks link pada gadget sidebar blog dapat dilakukan dengan langkah-langkah sebagai berikut, yaitu:
1. Sign ini di blog
2. Klick Rancangan
3. Klick Edit HTML/Javascript
4. Cari kode di bawah ini. Untuk memudahkan menemukannya gunakan Ctrl F lalu masukan salah satu teks atau kalimat kode di bawah ini pada text box yang muncul di kiri bawah layar komputer/laptop. Cara ini untuk memastikan apakah kode template yang dipakai oleh pengunjung dengan kode yang dibahas di sini sama atau tidak mengingat tidak semua designer blog menulis kode-kodenya sama.
Cara mengatur warna teks link pada gadget sidebar blog dapat dilakukan dengan langkah-langkah sebagai berikut, yaitu:
1. Sign ini di blog
2. Klick Rancangan
3. Klick Edit HTML/Javascript
4. Cari kode di bawah ini. Untuk memudahkan menemukannya gunakan Ctrl F lalu masukan salah satu teks atau kalimat kode di bawah ini pada text box yang muncul di kiri bawah layar komputer/laptop. Cara ini untuk memastikan apakah kode template yang dipakai oleh pengunjung dengan kode yang dibahas di sini sama atau tidak mengingat tidak semua designer blog menulis kode-kodenya sama.
Letak kode bahasa ini akan terlihat seperti ini.
<Group description="Gadget Links" selector=".sidebar .widget">
<Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="#c15206"/>
<Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#134f5c"/>
<Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#1c768a"/>
</Group>
<Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="#c15206"/>
<Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#134f5c"/>
<Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#1c768a"/>
</Group>
5. Ganti angka berwarna pada kode di atas sesuai kode warna yang diinginkan.
6. Klick Simpan Template untuk menyimpan perubahan
7. Klick Lihat untuk melihat perubahan
6. Klick Simpan Template untuk menyimpan perubahan
7. Klick Lihat untuk melihat perubahan
| Kode Warna HTML | ||
|---|---|---|
| Warna | Kode Angka | Kode Huruf |
| Black | #000000 | black |
| Yellow | #ffff00 | yellow |
| Lime | #00ff00 | lime |
| Navy | #0b5394 | navy |
| Blue | #0000ff | blue |
| Orange | #ff9900 | orange |
| Fusia | #ff00ff | fusia |
| Red | #ff0000 | red |
| Green | #228822 | green |
| Aqua | #00ffff | aqua |
| Tomato | #8b3626 | tomato |
| Gray | #adadad | gray |
| Deep Sky Blue | #00688b | deepskyblue |
| Pale Green | #548b54 | palegreen |
| Cornflower Blue | #6495ed | cornflowerblue |
Semoga bermanfaat.
Tidak ada komentar:
Posting Komentar
Silahkan berkomentar dengan sopan dan jelas dan apabila komentar anda tidak sopan, kami anggap itu sebagai SPAM.