Cara Mudah Membuat dan Memasang Gambar Favicon di Blog

Halo juragan… kali ini juragan cipir ingin berbagi tips trik tentang cara membuat dan memasang favicon pada blog atau website bermesin blogger atau blogspot. Favicon adalah gambar kecil yang terletak di browser bagian atas ketika anda sedang membaca sebuah halaman website. Contohnya bisa anda lihat seperti gambar di bawah ini.

Favicon merupakan identitas sebuah blog yang biasanya pada website perusahaan diisi dengan gambar logo. Namun pada blog pribadi atau personal website biasanya diisi dengan gambar penulisnya atau gambar lain yang sesuai dengan tema blog. Intinya favicon memberikan identitas khusus sesuai dengan kesukaan pemilik blog agar sedap dipandang dan mudah dikenali oleh pembaca.

Caranya;

*. Pertama kita harus menyediakan gambar dengan bentuk bujursangkar (kotak) berukuran maksimal 100×100 pixels. Panjang dan lebar gambar harus sama persis, jika tidak sama atau melebihi 100kb maka gambar tidak bisa dimuat di favicon. Untuk menentukan ukuran gambar yang digunakan sebagai gambar favicon agar ukurannya bisa sama persis (100x100px) silakan anda lihat disini;

READ  Tips Menjadi Blogger Jalanan Yang Sukses

Cara Merubah Ukuran Gambar

*. Setelah gambar anda buat, maka langkah selanjutnya;

1. Masuk ke dasbor blogger, perhatikan gambar dibawah ini. Langsung menuju Tata letak (no1), lalu klik Edit (no2) pada tab Favicon yang ada di sudut kiri atas. Maka akan muncul jendela kecil untuk mengunggah gambar favicon yang anda buat tadi.

2. Kemudian pada jendela kecil tersebut silakan klik Telusuri (no1 gambar dibawah). Lalu pilih gambar favicon di komputer yang telah anda buat tadi. Tunggu beberapa detik selama proses pengunggahan sampai gambar favicon kecil tampak di dasbor blogger. Jika gambar sudah muncul silakan klik Simpan (no2 gambar dibawah).

3. Selesai. Perhatikan bahwa gambar favicon biasanya akan mulai muncul di blog setelah 24 jam, terkadang sampai 1 minggu, dan bisa lebih. Tetapi pada akhirnya pasti muncul. Jadi setelah anda selesai memasang gambar favicon, gambar tersebut biasanya tidak akan bisa tampil di blog hari itu.

READ  Penyebab Angka Alexa Rank Blog Anda Naik Turun

Sekian dulu informasi dari juragan cipir tentang cara memasang gambar favicon di blog. Semoga bermanfaat dan terimakasih.

Berikutnya>> Cara Termudah Menghilangkan Tulisan Blog Gratis di Blogspot

Gambar Gravatar
Saya hanyalah seorang blogger biasa yang ingin berbagi pengalaman kepada pembaca melalui blog ini. Ilmu yang bermanfaat harus disampaikan kepada orang lain sebelum kita kembali padaNya. Indri Lidiawati

57 komentar

  1. coba ukurannya diperkecil gan, mis, 50×50. coba trs aja, pasti bisa koq..

  2. Sudah bisa di unggah, tapi kok pas di klik simpan halamanya kembali lagi kembali lagi.. Apakah memang begitu gan?

  3. gak masalah masbray,,, asalkan gambar faviconnya bisa/sudah muncul di dasbor Tata Letak.

  4. thank you gan infonya (y)

  5. oow, jadi mesti nunggu beberapa hari ya Mbak Indri..

  6. gan boleh nanya tapi nanti di balas?

    1. silakan aja nanya, tapi balasnya besok krn malam ini saya off hehehe 😀

  7. Gambar Gravatar pelangsing wsc herbal ampuh berkata:

    makasih ya gan penjelasannya

  8. Gambar Gravatar kapsul pelangsing badan berkata:

    info yang cukup jelas

  9. Nyangkut dimari lagi nih setelah googling. .

    Nanya lagi ah.. 😀

    Begini mbak, Klo di browser moz**la (di handphone) bisa nampak fav.icon nya mbak, tapi kalau di browser (hp) “op**a mini” kok nggak bisa muncul kenapa ya mbak?
    Mohon penjelasan nya 🙂

    Maturnuwun “juragan cipir”

    1. wah saya kurang tahu masalah itu mas ahmad, mungkin beberapa browser ada yg gak support dgn favicon tsb 😀

      1. Tapi kok di history browser “op**a mini” favicon punya ne mbah google dan facebook kok bisa muncul gitu lho. . Hehehe (maaf klo kepo banget ~gan cipir) 🙂

        1. mungkin mereka faviconnya responsive dan valid html5 sehingga bisa muncul di semua perangkat 😀

          1. (Akhir-akhir ini) saya ( pernah ) menemukan yang sama-sama blogspot atau pun wordpress tapi favicon bisa muncul di history, nggak hanya fb atau pun google mbak indri tapi belum saya terapkan agar kayak blog tersebut.
            Ntar mbak indri (juragancipir) bikin artikel lanjutan (mungkin) tentang favicon? Saya suka penjelasan dari juragan cipir. .:)

          2. tapi sayangnya saya belum tahu caranya mas Ahmad :p insyaAllah ntar saya posting jika telah tahu caranya hehehe 😀

          3. hehe
            terimaksih mbak indri, udah ketemu 🙂
            silahkan berkunjung, ada tips yang saya post tentang favicon, meski blog saya bukan bertema tips cara modifikasi blog

            terimakasih juragancipir.com

  10. Makasih infonya..
    Bermanfaat sekali.. 🙂

  11. Terima kasih tutornya
    sangat membantu newbie seperti saya 😀

  12. Gambar Gravatar Yayasan Restorasi Mangrove berkata:

    thanks untuk infonya gan, ada yang versi html?

    1. versi html tentunya ada tapi saya gak tahu caranya, coba silakan searching di google 😀

  13. Terima kasih gan tutornya sangat bermanfaat, ijin sedot ilmunya gan, buat di blog saya. Tapi kok tidak langsung kelihatan ya gan..

  14. 100×100 ya? di coba dulu deh gan. thx for info (y)

  15. ane coba deh, terima kasih ya gan udah ngasih tipsnya. semoga makin maju blog nya. bantu doain blog ane jg ya 😀

  16. wah simple banget ya ganti favicon, sdh bsa diupload si cuma blom muncul, entah karna internet lemot atau resolusi gambar yg lbih dari 100×100 😀
    Terima kasih tutorialnya

  17. kalau favicon di wordpress hosting sendiri gimana cara gantinya?

  18. Sangat membantu 😀

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *