Skip to content Skip to sidebar Skip to footer
Home / blog

Cara mengganti atau memasang favicon pada blog

By Kama 25 comments
faviconCara mengganti favicon di blog. Logo favicon standar pada blog yang kita buat dibloger adalah dengan menggunakan logo bloger, nah bagaimana caranya agar logo favicon tersebut kita ganti dengan logo blog kita sendiri agar kelihatan lebih keren hehe. Coba ikuti langkah-langkah yang akan saya jabarkan dibawah ini.

Sebelumnya buatlah terlebih dahulu logo favicon yang diinginkan dapat berupa format jpeg atau format png. Setelah membuat logo tersebut, kunjungi website layanan untuk menggenerate logo agar menjadi favicon contohnya pada web favicon generator
Cara mengganti atau memasang favicon pada blog

Pada contoh gambar diatas, klik pilih file kemudian pilih logo yang telah dibuat, disini saya membuat logo blog saya dengan format .png. klik create favicon untuk membuat icon favicon dengan secara otomatis icon favicon akan dibuat dengan ukuran 16x16 pixel.

Selanjutnya klik download the generator favicon untuk mendownload favicon yang telah dibuat.
Untuk menerapkanya di blog, ada dua cara, yaitu langsung pada menu layout yang ada di dasbor atau dengan memasang code html baru untuk favicon pada menu template edit html.

Cara pertama masuk pada dasbor bloger sobat, kemudian pilih menu layout kemudian klik edit pada favicon dan upload favicon yang telah di download tadi kemudian save. kemudian lakukan refresh pada blog dan lihat hasilnya.
Cara mengganti atau memasang favicon pada blog

Jika cara ini masih belum berhasil, selanjutnya gunakan cara kedua yaitu dengan menambahkan code html untuk membuat favicon. Masuk pada dasbor bloger anda, kemudian pilih menu template dan edit html. Cari code dibawah dengan menggunakan CTRL + F jika tidak ada, copy code dibawah dan tempatkan di bawah tag <head> ataupun di atas tag </head>

<link href=’URL-FAVICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/> </link>

Ganti code merah dengan alamat ulr favicon blog anda, save dan coba lakukan refresh pada blog.
Mungkin bagi pemula bingung dan bertanya dimana kita mendapatkan alamat url favicon blog, untuk mendapatkan alamat url favicon pada blog, kita harus mengupload favicon tersebut kesalah satu website penyedia upload foto, seperti photo bucket atau web-web lain yang sekarang sudah banyak di internet. Namun kita juga bisa upload favicon ke dalam blog pada saat kita membuat sebuah artikel. Nah pada saat di upluad kita tidak perlu menempatkannya pada artikel namun kita hanya mengambil alamat url favicon tersebut yang telah di upload, sebagai contoh lihat gambar dibawah :

Cara mengganti atau memasang favicon pada blog

Klik kanan pada favicon yang telah di upload dan pilih salin url gambar, nah kemudian paste url gambar tersebut kedalam code html yang berwarna merah seperti contoh diatas.

Semoga membantu J

25 comments for "Cara mengganti atau memasang favicon pada blog"

  1. UnknownOctober 27, 2013 at 9:08 AM

    Wah , dapat Ilmu nih :D thanks info nya gan :D

    jangan lupa follow yah :D

    http://www.dumaicyber.org/

    ReplyDelete
  2. KamaOctober 29, 2013 at 7:34 AM

    sip gan,,,,alamat blognya apa gan?

    ReplyDelete
  3. ryano93October 30, 2013 at 7:23 AM

    makasih gan ilmu'a
    bisa langsung diaplikasikan :D

    ReplyDelete
  4. James WillemstadNovember 2, 2013 at 5:38 AM

    Udah ngerti guys. komen back ya?

    ReplyDelete
  5. Ade PutraMarch 9, 2014 at 3:37 AM

    wah, keren gan artikelnya
    Bermanfaat banget.
    kunjungi juga http://adeputra-pkp.blogspot.com/2014/03/cara-mudah-install-bbm-di-komputer-atau.html

    ReplyDelete
  6. UnknownMarch 23, 2014 at 12:21 PM

    Trimakasih gan,, langsung di praktekan di blog saya
    ccnet-bokeper.blogspot.com

    ReplyDelete
  7. jam tangan originalMarch 29, 2014 at 7:15 AM

    mantap gan, terima kasih banyak ya atas ilmunya.. :)

    ReplyDelete
  8. tv online indonesiaMarch 31, 2014 at 11:27 PM

    terima kasih banyak atas sharenya..

    ReplyDelete
  9. nonton tv streaming onlineMarch 31, 2014 at 11:27 PM

    blog yang mantap ! sangat bermanfat gan ! lanjutkan !

    ReplyDelete
  10. AsadulbarriJune 10, 2014 at 7:36 AM

    Mantap Gan


    www.asadussahra.com
    www.ibapuisi.com

    ReplyDelete
  11. Tech GearAugust 27, 2014 at 5:01 PM

    Alhamdulillah bisa sob. Ada diminta tambahan dikit. mesti ditutup dgn tag /link. kl ga gitu, nanti kebaca error. Trims.

    ReplyDelete
    Replies
    1. KamaAugust 27, 2014 at 9:15 PM

      ohw ia ya,,,heheh ane lupa code penutupnya ...thanks

      Delete
  12. Damar Pramudito NurjatiOctober 25, 2014 at 2:32 AM

    Terimakasih infonya,

    salam kenal kak ^_^

    ReplyDelete
  13. Cara DiniNovember 29, 2014 at 10:15 AM

    terimakasih om berhasil...
    kunjungi balik yah www.caradini.my.id

    ReplyDelete
  14. Mohammed Fariz AzriDecember 31, 2014 at 4:59 AM

    misi copas gan jangan lupa kunjungi juga blog ane
    www.mohammedfariz.blogspot.com

    ReplyDelete
  15. berita terbaru motogpFebruary 18, 2015 at 2:38 PM

    berhasil gan, makasih panduannya

    ReplyDelete
  16. Nove HasanahFebruary 22, 2015 at 6:59 PM

    saya coba buat sendiri faviconnya secara manual dan disimpan di format jpeg, tapi kok gak mau muncul ya gan, kira-kira kenapa. apa belum saja karena baru kemarin menggantinya?
    terima kasih.

    ReplyDelete
    Replies
    1. KamaFebruary 22, 2015 at 7:02 PM

      mungkin ada kesalahan dalam penulisan url faviconnya mba,,,,dan juga mungkin lebih bagusnya jika gambarnya di rubah pakai favicon generator dulu

      Delete
  17. Obat Herbal Abses AbdomenMarch 24, 2015 at 12:49 AM

    Manteep dah untuk tutornya, sangat membantu :)
    http://goo.gl/V32EUi

    ReplyDelete
  18. Obat Tradisional VitiligoApril 4, 2015 at 12:59 AM

    Makasih sob untuk artikelnya :)

    ReplyDelete
  19. Muhammad IsraApril 22, 2015 at 5:59 PM

    Logo blog mempunyai ciri khas tersendiri bagi blog yang kita punya,, artikel ini sangat membantu untuk mengganti logo blog yang saya punya... terima kasih min... moga sukses selalu..

    ReplyDelete
  20. hamdaniJuly 25, 2015 at 7:12 PM

    terimakasih gan untuk tipsnya.

    ReplyDelete
  21. Blogger MaxDecember 15, 2015 at 10:50 PM

    wah dapat ilmu nih...

    ReplyDelete
  22. nonton streamingJanuary 1, 2017 at 12:25 PM

    terima kasih bantuan nya, saya akhir nya bisa juga ganti favicon buat website saya

    ReplyDelete

Tinggalkan komentar Anda di Bawah Ini