Dengan semakin berkembangnya teknologi browser saat ini anda dapat memiliki ikon sendiri ketika orang lain membuka web anda. Ya, ikon yang lebih dikenal dengan favicon, yang berasal dari favourite icon ini saat ini sudah menjadi suatu tren sendiri bagi mereka yang memiliki web.

Anda juga tertarik ingin memiliki favicon bagi web anda, ada cara mudah dan praktis untuk membuatnya. Sebuah web yang beralamat di http://www.html-kit.com/favicon/ bisa membantu anda membuatkan icon dengan cepat. Anda tinggal menyediakan gambar saja yang akan dijadikan icon lalu klik tombol generate favicon.ico. Hasilnya sebuah file favicon.ico selesai dibuat.

Sekarang langkah selanjutnya adalah cara memasang favicon.ico di web anda.
Berikut ini langkah-langkahnya:

Pertama:
Klick “Download FavIcon” dan simpanlah file favicon.ico

Kedua:
Upload file favicon.icoke folder dimana anda meletakan file utama anda (front page). Atau dengan kata lain letakkan dengan file index anda.

Ketiga:
Tambahkan kode html berikut dalan tag head

link rel=”shortcut icon” href=”favicon.ico” (jangan lupa tanda )

Setelah semuanya selesai anda bisa menguji favicon anda dengan cara memvalidasinya di link berikut http://www.html-kit.com/favicon/validator/

Sekarang web anda sudah memiliki favicon…:)

Selamat mencoba
-akhdian-

41 tanggapan untuk “Membuat Favicon dengan mudah…”

  1. caesarJ Avatar

    menarik dan sangat membantu sekali, kang…. nuwun

    Suka

  2. caesarJ Avatar

    menyegarkan artikelnya, kang…. trims

    Suka

  3. Riza Aditya Avatar

    wah mantap banget nih tips nya gan, heheh dan makasih udah bantu aku gan, ni sekarang aku dah punya favicon deh… Sukses selalu…

    Suka

  4. bayu Avatar

    nice post.. i like it.. salam kenal dan sukses selalu..

    Suka

  5. hamster Avatar

    makasih mas, hebat, nggak pake plugin-pluginan segala

    Suka

  6. Aneka Berita Avatar

    Saya dateng dari mbah Gugel mas Dian, mo nyoba dulu ya, sukron.

    Suka

  7. Raden Avatar

    ini baru yang saya cari cari
    gampang gak repot

    Suka

  8. nopryani santoso Avatar
    nopryani santoso

    gmna caranya bikin Favicon biar dy transparant?
    saya sudah bikin favicon huruf “C” tp pas dtaruh dweb, huruf “C” y itu sisi-sisinya warna putih,
    Apa gk bisa sisi-sisi tersebut djadikan Transparant?
    Jadi yang tampil huruf “C” aj

    jwbnya kirim lewat e-mail y mas^
    Thank

    Suka

  9. DoeL Avatar

    …terima kasih sudah dibantu yaaak…

    Suka

  10. Bagong Avatar
    Bagong

    Akhdian ini rupanya hanya copy paste saja makanya ga bisa menerangkan dengan baik, sebaiknya bila anda berani mempublish juga harus berani bertanggung jawab atas apa yg sudah anda publish dalam arti kata sekalipun itu hanya copy paste minimal mengerti dan dpt menjawab teman2 semua yg ada disini jgn lgsg ngabur begitu saja kasian ama teman2 yang laennya!!!!

    Suka

    1. akhdian Avatar

      Ini tulisan saya sendiri mas 🙂 Tapi mungkin agak sedikit beda dengan kenyataan sekarang soalnya tulisan saya buat 5 tahun yang lalu, jadi maaf kalo sedikit beda.

      Singkatnya kalo mau buat favicon tinggal buat via link http://www.html-kit.com/favicon/, lalu kemudian upload di web root blog anda (web dengan hosting sendiri).

      Makasih masukkannya

      Suka

  11. Aruzz Avatar

    salam kenal..
    makasih infonya,, silahkan mampir di Tips n Trik

    Suka

  12. Raden Avatar

    makasih ya gan infonya

    Suka

  13. wiyartisari Avatar

    terima kasih infonya mas dian 🙂

    Suka

  14. BT/BS MEDICA Avatar

    Kucoba dulu ya mas… semoga saya bisa

    Suka

  15. dimpun Avatar

    ngk bisa kubuat, bingung saya

    Suka

  16. Ummu abdillah Avatar

    Thanks for info http://www.html-kit.com/favicon/ -nya. Walaupun ga semua triknya saya ikuti.. dimixkan dgn informasi dari tempat lain.. akhirnya berhasil juga buat faviconnya

    Suka

  17. Dirk Avatar

    Download favicon dah berhasil.
    Tapi cara upload ke Joomla gimana ya?
    Coz mereka pake php bukan html..

    Mas/ Someone, please help…

    Suka

    1. akhdian Avatar

      upload saja ke root web nya (folder www/public html)

      Suka

  18. Wiyartisari Avatar
    Wiyartisari

    Kebetulan mas saya belum punya favicon ,terima kasih infonya

    Suka

  19. roni Avatar

    Thanks artikelnya yah mas…

    Suka

  20. bejo Avatar

    mas akhdian….

    kok gambarnya ancur ya…. kaya blur gt jadinya…

    Suka

  21. dhirgham Avatar

    ok di coba langsung

    Suka

  22. rangeradith Avatar

    Assalamualaikum wr. wb.

    saya Aditya Pratama Putra, Mahasiswa, Blogger, Aktivis Islam, (Web Master, Programmer) Amin.
    Follow me – Twitter, Be a Friend – Facebook.

    insya Allah bisa menjalin silaturahim.

    http://www.rangeradith.wordpress.com

    Suka

  23. Teguh Avatar

    Thank info nya. terus lah menulis artikel2 penting, goodluck.

    Suka

  24. a'ak budi Avatar

    waduh,,, aku gak ngerti…

    Suka

  25. blooges Avatar

    bingung semuanya kok jadi bingung.. saya justru bingung ngeditnya pake apa ya enaknya.. biar cepet..

    Suka

  26. Dawns Avatar
    Dawns

    Kalo yang ngeblog pake HP, aq punya Tutornya Mas… Usefull info, keep writing and nice to meet you…

    Suka

  27. surachman Avatar
    surachman

    thanks atas ilmunya.
    saya sudah mencoba apa yang diperintahkan, tapi kok nggak muncul yach….

    perintah :

    Perintah diatas ada yang perlu diganti nggak yach…soalnya saya masukan perintah persis diatas dan diantara ……. seperti diatas

    Suka

  28. limanov Avatar

    ahdian, penjelasan anda kurang difahami, coba susun sebuah kalimat yang mudah difahami.
    aku meletakan animated_favicon.gif di public html sedangkan scriptnya ditulis di header, faviconnya nda muncul juga

    Suka

  29. Bali Best Place Avatar

    Trims banget nih infonya. kebetulan lagi mau buat favico yang bisa animante….

    Suka

  30. Dee-Bali Avatar

    wah… makasih yea onfonya ini sangat membantu sekali

    Suka

  31. bluepaperblog Avatar

    kalo buat wordpress.com gimana?

    Suka

  32. Kranjcarz Avatar

    Makasi… infonya berguna banget…

    Suka

  33. mew da vinci Avatar

    gak ngerti saya.. 😀
    menanggapi komentator pertama, saya juga gak ngerti..

    saya soale gak bikin tempelate sendiri..

    jadi dimana saya taruh hasil downloadnya?

    Suka

  34. affan Avatar

    Maksud saya terima kasih… affan

    Suka

  35. ega Avatar
    ega

    kalau smuanya selesai dan diuji tetapi hasilnya
    “The favicon doesn’t appear to be a valid icon.”

    itu berarti apanya yach yg salah,??

    Suka

  36. funday Avatar

    makasi atas infonya…..
    salam kenal….:D

    Suka

  37. affan Avatar

    Terima kasih atas artikel mengenai favicon! Kunjungi blog saya dan sukses selalu!

    Suka

  38. akhdian Avatar

    Maksudnya file yang bernama favicon dengan ekstensi .ico (favicon.ico) diupload letaknya sama dengan meletakan file index.php/index.html. Misalnya file index.php diletakan di folder www ya, meletakan file favicon.ico juga sama di folder www. Moga faham 🙂

    Suka

  39. farahPutri Avatar

    maxudnya “Upload file favicon.icoke folder dimana anda meletakan file utama anda (front page). Atau dengan kata lain letakkan dengan file index anda.” itu apa?

    Suka

Tulis Komentar

I’m Dian

Hello! Welcome to Akhdian’s blog. I am thrilled to share my knowledge and experiences with all of you. Currently, I am busy teaching and delving into various topics related to computers and technology. I hope this blog can be a valuable source of information for those who want to learn more about the world of computers. Thank you for visiting, and I hope you enjoy the articles here!

Let’s connect