Tips Untuk Membuat Icon Pada Blog Guru

desbud


Ingin menambahkan icon menu pada blog agar tampilannya menjadi lebih menarik dan terlihat lebih terlihat professional. Baiklah, pada kesempatan ini Mr. Desbud akan membagikan tips and tricks kepada sahabat bagaimana cara memasang icon font awesome pada menu seperti pada menu  blog hasil workshop sagusablog STAR Education http://desbud.igi.my.id. Cara yang saya pakai untuk memasang icon font awesome adalah dengan metode HTML  Berikut kode script yang dapat sahabat gunakan pada blog atau website atau blog guru.

Copy scriptnya:
<i class="fa fa-code"></i>

Cara memasangnya sangat mudah, paste/tempel kode diatas pada blog sahabat dengan metode HTML. Kemudian ganti kode warna merah dengan kode icon yang sahabat sukai. Berikut adalah kode icon font awesome yang dapat Anda gunakan pada blog atau website.











 




Namun sebelum menerapkan kode icon diatas, hal terpenting agar kode yang sahabat masukkan berjalan adalah sahabat guru harus masuk di https://fontawesome.com/ dan dapatkan kode scriptnya kemudian letakkan dibawah <head> pada EDIT HTML.

Demikian kode icon font awesome dan cara menggunakannya yang dapat sahabat praktekkan pada blog atau website masing-masing agar terlihat lebih keren dan menarik. Semoga bermanfaat. Jangan lupa berbagi. Sharing And Growing Together


SHARE Facebook WhatsApp

Related Posts

8 comments

  1. Gimana cara memperbesar ukuran icon?

    ReplyDelete
    Replies
    1. Tinggal menambahkan scriptnya, seperti
      fa-2x
      fa-3x
      fa-5x

      Jadi seperti,
      fa fa-download fa-5x

      Delete
  2. Mantap juga ya pak,,, bisa dikasih icon seperti itu.

    ReplyDelete
    Replies
    1. Silakan paktek i blog nya

      Delete
  3. Keren bisa ditambahin icon gitu baru tau...makasih infonya

    ReplyDelete
    Replies
    1. Bisa dong, silahkan di coba menambahkan icon di blognya. Supaya lebih menarik.

      Delete
  4. Patut dicoba ini, terima kasih infonya

    ReplyDelete
    Replies
    1. Selamat mencoba membuat icon awesome. Semoga berhasil.

      Delete

Post a Comment

Lagi Trending

  1. https://radlab.org/
  2. https://hutanpapua.id/
  3. https://bangkutaman.id/
  4. https://rmolsorong.id/
  5. https://investigasi.id/
  6. https://www.transloka.id/
  7. https://www.desbud.id/
  8. https://allnews.id/
  9. https://karangtanjung-desa.id/
  10. https://barka.starcarehospital.com/
  11. https://mabela.starcarehospital.com/
  12. https://seeb.starcarehospital.com/
  13. https://bousher.starcarehospital.com/
  14. tradition-jouet.com
  15. agriculture-ataunipress.org
  16. eastgeography-ataunipress.org
  17. literature-ataunipress.org
  18. midwifery-ataunipress.org
  19. planningdesign-ataunipress.org
  20. socialsciences-ataunipress.org
  21. communication-ataunipress.org
  22. surdurulebiliryasamkongresi.org
  23. surdurulebilirkentselgelisimagi.org
  24. www.kittiesnpitties.org
  25. www.scholargeek.org
  26. addegro.org
  27. www.afatasi.org
  28. www.teslaworkersunited.org
  29. www.communitylutheranchurch.org
  30. www.cc4animals.org
  31. allinoneconferences.org
  32. upk2020.org
  33. greenville-textile-heritage-society.org
  34. www.hervelleroux.com
  35. crotonsushi.com
  36. trainingbyicli.com
  37. www.illustratorsillustrated.com
  38. www.ramona-poenaru.org
  39. esphm2018.org
  40. www.startupinnovation.org
  41. www.paulsplace.org
  42. www.assuredwomenswellness.com
  43. aelclicpathfinder.com
  44. linerconcept.com
  45. palembang-pos.com
  46. dongengkopi.id
  47. jabarqr.id
  48. wartapenilai.id
  49. isrymedia.id/
  50. onemoreindonesia.id
  51. yoyic.id
  52. beritaatpm.id
  53. kricom.id
  54. kongreskebudayaandesa.id
  55. puspresnas.id
  56. ubahlaku.id
  57. al-waie.id
  58. pencaker.id
  59. bpmcenter.org
  60. borobudurmarathon.id
  61. festivalpanji.id
  62. painews.id
  63. quantumbook.id