Beranda » Blogger Pemula » Tips dan Trik

kode ganti hurufSetelah mengenal dasar-dasar kode HTML yang sering digunakan untuk keperluan aktifitas blogging pada postingan sebelumnya (lihat di Mendesign Huruf, Kata, atau Kalimat dengan Kode HTML), seperti membuat huruf miring, dan mewarnai huruf, kali ini saya akan memberikan tambahan mengenai cara mengganti huruf atau font.

Berikut ini tabel Contoh dan Hasil (yang ditampilkan), kode HTML untuk mengganti berbagai jenis font
NoContohHasil
1<font face="Arial">Update</font>Update
2<font face="Arial Black">Update</font>Update
3<font face="AvantGarde Bk BT">Update</font>Update
4<font face="Bitstream Vera Sans">Update</font>Update
5<font face="Book Antiqua">Update</font>Update
6<font face="Bookman Old Style">Update</font>Update
7<font face="Century Gothic">Update</font>Update
8<font face="Comic Sans MS">Update</font>Update
9<font face="Courier New">Update</font>Update
10<font face="Garamond">Update</font>Update
11<font face="Goudy Stout">Update</font>Update
12<font face="Harrington">Update</font>Update
13<font face="Impact">Update</font>Update
14<font face="Jokerman">Update</font>Update
15<font face="Lucida Bright">Update</font>Update
16<font face="Microsoft Sans Serif">Update</font>Update
17<font face="Papyrus">Update</font>Update
18<font face="Showcard Gothic">Update</font>Update
19<font face="Tahoma">Update</font>Update
20<font face="Tempus Sans ITC">Update</font>Update
21<font face="Times New Roman">Update</font>Update
22<font face="Verdana">Update</font>Update
23<font face="Wide Latin">Update</font>Update


Keterangan:
- Masih terdapat jenis-jenis huruf yang lain, jadi bisa dikreasikan lagi
- Jenis-jenis huruf akan ditampilkan dengan baik, apabila didukung oleh browser dengan Operating System yang baik pula.

Disamping itu kita bisa menggabungkan (kombinasi) kode-kode HTML, seperti ganti font, ganti ukuran font, dan warna font pada salah satu kata seperti yang dicontohkan dibawah ini
Contoh kombinasi dan hasilnya
<font face="Century Gothic" size="16" color="#FF0000">CaangGo!</font>
CaangGo!
<i><font face="Comic Sans MS" size="16" color="olive">CaangGo!</font></i>
CaangGo!
<font face="Arial" size="16" color="#008000">Caang</font><font face="Lucida Console" size="16" color="#0000FF">Go!</font>
CaangGo!


Next→
←Prev

Artikel Terkait

Pilih Label

Baca lagi

Penulis: 17.08

52 komentar

  1. bang mi'ing7/4/10 21:28

    Atikel cara ganti font,alus euy tp kudu praktek beh nyata... oke2 ...oke donga ah....

    BalasHapus
  2. Kang Caang8/4/10 21:41

    Ok kang mi'ink wilujeng tepang di blog ieu, insya Alloh di bales kunjunganna

    BalasHapus
  3. satriaji10/4/10 23:47

    tah ieu nu ku sayah di pilarian lur..nuhun ah..

    BalasHapus
  4. satriaji10/4/10 23:58

    di bookmark ah...

    BalasHapus
  5. rahmatea11/4/10 22:34

    tos lami teu nganjang......
    ngajang ah....susuganan aya info penting jeung neangan dulur nu lain.

    bisi tertarik neangan recehan ....dollar, di antos kunjungan nana.

    BalasHapus
  6. MaRLiF18/4/10 15:50

    Wahhhhh... Kreatif juga planetcaang. bisa buat mempercantik postingan nich.....

    BalasHapus
  7. Allien 9928/4/10 16:38

    silaturahmi ah.. wil son kang. artikelnya inspiratif uy. nice article ^^

    BalasHapus
  8. Opik28/4/10 17:32

    Ganti ku font sunda buhun..tiasa teu nya kang???

    BalasHapus
  9. Ezha_cuTe4/5/10 23:53

    nah...ketemu oge nu tos lami di cari2.... :D bisa di padu jeung font MS Word te nu baragus...? misalna monotype corsvia...?

    BalasHapus
  10. indmaxo5/5/10 13:25

    wah keren-keren bos,,,,
    lanjutkan ya boz,,!!!
    biar banyak yg seneng.

    BalasHapus
  11. Wisnu20/5/10 22:23

    matur tengkyu boz.. atas tutorialnya

    BalasHapus
  12. hans23/5/10 05:15

    makasih infony ya
    wassalaaaam

    BalasHapus
  13. Anonim28/2/11 11:05

    trims gan......

    BalasHapus
  14. AGIL1/4/11 15:19

    :f:

    BalasHapus
  15. Alfa29/4/11 19:20

    thank u bgus nihh infonya

    oh ya sempat-sempatin juga kunjungi blog ku yang bertenakan tutorial , tips dan trik, free download software

    fhasixteen-tutorial.blogspot.com

    BalasHapus
  16. Kang Caang30/4/11 00:18

    Okelah kalau begitu :c:

    BalasHapus
  17. PPOB NASIONAL12/7/11 20:37

    matus nuwon gan infony

    ane ada info usaha gan pembayaran loket pln online Nasional dng suport bank bri
    daftar gratis....

    www.loket-bri.com

    BalasHapus
  18. Anonim2/9/11 21:24

    Nice :c:

    BalasHapus
  19. wadi20/9/11 09:06

    thx ya my freind sy bisa mengertia arti untuk merubah huruf itu

    BalasHapus
  20. ronabassboy4/10/11 01:51

    mas, mau tanya. knp browser jg mmpengaruhi kode-kode html tersebut ya? trus kriteria2 browser yg mendukung buat itu gmana mksudnya? agak bingung nih hehe soalnya kemaren saya coba sih bisa tapi begitu saya pake font-font lain yang aneh-aneh malah gk bisa berubah :o

    BalasHapus
  21. cetak brosur5/10/11 21:56

    di coba duluw y

    BalasHapus
  22. marchell6/10/11 10:46

    wowwwww...amazing..tengkyu pakde!!! btwkalo mau ngerubah font agar bergaris bawah gmn pakde?? sama satu lagi neh, untuk setting file pdf agar bisa di download oleh khalayak luas di website yg kita punya gmn juga? mohon pencerahannya. terima kasih

    BalasHapus
  23. Caang6/10/11 21:07

    @ ronabassboy: Browser mempengaruhi kode-kode html font, maksudnya browser di PC misal Opera akan berbeda hasilnya dengan browser di HP misal Opera Mini.

    Kriteria browser yg mendukung agar html berbagai jenis font tampil baik, tentu saja browser yang berasal dari OS yang digunakan. Misal apakah font jenis Jokerman ada pada OS (Windows, Linux, dll) yang kawan gunakan? kalo tidak ada, tentu font tersebut tidak akan tampil sebagaimana mestinya.

    Perlu diperhatikan untuk para Blogger, bahwa tidak semua pengguna internet menggunakan browser dan OS yang sama dengan kita, artinya pandai-pandailah memilih font yang universal atau yang umum digunakan.

    BalasHapus
  24. Caang6/10/11 21:21

    @ marchell: Untuk membuat agar font bergaris bawah, caranya gunakan kode u disini /u , sebelum dan sesudah u-nya pake tanda kurang segitiga (maaf dalam kotak komentar blogspot gak bisa menampilkan kode html sebagaimana mestinya)
    Untuk membuat agar file pdf yang kita punya bisa di download oleh khalayak luas, caranya agak panjang, jadi tunggu aja :e: postingan berikutnya

    BalasHapus
  25. Caang11/10/11 23:07

    @ All: Artikel untuk membuat file pdf, zip, rar, doc bisa didownload di Blog/Blogspot, silahkan klik link nama saya diatas

    BalasHapus
  26. satrio14/10/11 17:12

    mantaf gan ane br cba2 nih dlm dnia blogging...jd ya sll cari trik dan tip sana sini bwt tmbah tengalaman..gtu... ane selalu cba terapin stiap dpet trik2 dari senior2 ane dlm dni blog..gt..
    makasih :h:

    BalasHapus
  27. marchell18/11/11 10:33

    mau tanya dong, kl memasang icon like atau share facebook, twitter, linkdein, agar berurutan kesamping bagaimana ya?
    contoh:
    fabook twitter linkdin (ibaratkan kalimat tersebut icon) bisa di jelaskan? share email ke budhi_vespa76@yahoo.com ya mas.

    regards,
    Marchell

    BalasHapus
  28. Kang Caang18/11/11 22:16

    @ marchell: Pasang ikon like atau share facebook, twitter, linkdein, agar berurutan kesamping

    Kalo seperti yang ane punya sih bisa ane jelaskan (nanti), tapi kalo yang agan punya, ane musti pelajari dulu kodenya :e:

    BalasHapus
  29. Anonim27/11/11 03:13

    siph euy.... thanks atuh :c:

    BalasHapus
  30. Anonim26/12/11 16:30

    :f:
    canggo o!

    BalasHapus
  31. Mull28/12/11 00:52

    :f:

    BalasHapus
  32. google lagi error1/2/12 16:17

    nih yang saya cari. makasih sob..

    follow ke 91

    foll back y?

    BalasHapus
  33. download software4/3/12 17:27

    kalau membuat text terblock seperti ditandai itu gimana ya? :-)

    BalasHapus
  34. milandry24/11/12 12:54

    Gan Tolong Kasih pencerahan gimna cra'y klo kita mau pake font downlotan misal kaya font distro" yg keren gtu...:a:

    BalasHapus
  35. Kupunyailmu4/2/13 08:19

    terima kasih bro infonya..
    ane udah pake, dan sukses...

    BalasHapus
  36. Unknown24/2/13 00:32

    mantap euy

    BalasHapus
  37. Jocker16/7/13 14:35

    makasih banyak gan , sangat membantu buat saya :)

    BalasHapus
  38. Anonim24/8/13 17:14

    :a:

    BalasHapus
  39. sahrulgun21/11/13 15:12

    makasih scripnya sob....

    BalasHapus
  40. obat mata minus29/1/14 13:57

    :g:oh gitu caranya

    BalasHapus
  41. Ficri Pebriyana28/2/14 22:07

    makasih mas, sangat membantu... :c:

    BalasHapus
  42. Hastank11/5/14 13:15

    thanks scripnya brow

    BalasHapus
  43. fawaz10/5/15 11:17

    thx gan

    BalasHapus
  44. Unknown24/5/15 05:52

    CAANGGO...... GOOD!!!!!!
    THX INFONYA.

    BalasHapus
  45. Husein Indra Kusuma8/7/15 20:54

    Terimakasih sangat membantu dalam cara Ganti Huruf (Font) dan Kombinasi Beberapa Kode HTML :b:

    BalasHapus
  46. Unknown25/3/16 20:43

    tararengkyu agan...
    kenziemaysa.tk

    BalasHapus
  47. Angger13/8/16 18:29

    thanks gan

    BalasHapus
  48. Unknown19/8/16 05:04

    good job guys

    BalasHapus
  49. Kang Caang23/11/16 22:17

    baik terimakasih kembali :s41::s106:

    BalasHapus
  50. hary_0326/11/16 04:01

    tengkiu triknya bermanfaat om :)

    BalasHapus
  51. Unknown1/2/19 18:00

    bang font yang keren dong yg stylis

    BalasHapus

No spam, no active link, please ^_^

Langganan: Posting Komentar (Atom)