Beranda > Home > Kode Html Font Huruf Postingan WordPress

Kode Html Font Huruf Postingan WordPress

By:Amaral Syahada

Untuk membuat variasi huruf  kita gunakan kode dasar Html untuk font <span style=”..”> dengan bermacam-macam atributnya. Misalnya font-style, font-size, font-weight dan color. Tujuan merubah tampilan huruf ini salah satunya memberi tekanan pada kata tertentu agar ada perhatian dari pembaca, atau memperindah kalimat puitis, ataupun sekedar tampil beda.

Caranya mudah, masuk ke dashboard admin wordpress ==> bikin tulisan baru dalam mode [html] ==> sisipkan kode Html dibawah. Setelah selesai lihat posting Anda tadi dalam mode [Visual] untuk melihat perubahannya.

Contoh kode Html lengkapnya:

<span style=”color: #00ff00; font-style: italic; font-size: 18px;font-weight: bold; font-family: monotype corsiva;“> Tulisan Anda Disini </span>

Maka tampilannya: Tulisan Anda Disini

keterangan:

  • color = adalah atribut warna tulisan, ada 2 cara yaitu:
    color: #00ff00; = menggunakan kode # dan diikuti 6 kode angka atau huruf (Hexadecimal). “0″ adalah angka (nol) bukan huruf “O”
    color: green; =menggunakan nama warnaGanti #00ff00 atau green dengan warna yang Anda sukaikode dan nama warna selengkapnya lihat di: Kumpulan Nama Warna Dan Kode Html Warna:sumber dari sini
  • font-style= adalah gaya penulisan, contoh:
    font-style: normal; = tampilan normal (jarang digunakan)
    font-style: italic; = tampilan huruf miring
  • font-size= adalah ukuran huruf dalam pixel, misal 9px, 12px, 14px, 18px dll
  • font-weight= adalah ketebalan huruf, contoh:
    font-weight: normal; = ketebalan normal (jarang digunakan)
    font-weight: bold; = tebal biasa
    font-weight: bolder; = paling tebal
  • font-family= jenis huruf, seperti Monotype Corsiva, Georgia, Times New Roman, Comic Sans MS, dll.

Anda bisa menggunakan salah satu atributnya saja tidak harus semua atribut dipasang. Misal hanya ingin merubah jenis hurufnya saja, cukup memakai kode <span style=”font-family: monotype corsiva;“> Tulisan Anda Disini </span>. Begitu juga yang lain.

Semoga bermanfaat.

  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: