Cara mengganti atau memasang favicon pada blog

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

28 Responses to "Cara mengganti atau memasang favicon pada blog"

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

    jangan lupa follow yah :D

    http://www.dumaicyber.org/

    ReplyDelete
  2. wih krn posting loo sob ...jngan lpa kunbalnya...!!

    ReplyDelete
  3. makasih gan ilmu'a
    bisa langsung diaplikasikan :D

    ReplyDelete
  4. ane udah tau kok gan :3
    www.animesoftshare.blogspot.com

    ReplyDelete
  5. 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. Trimakasih gan,, langsung di praktekan di blog saya
    ccnet-bokeper.blogspot.com

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

    ReplyDelete
  8. blog yang mantap ! sangat bermanfat gan ! lanjutkan !

    ReplyDelete
  9. Mantap Gan


    www.asadussahra.com
    www.ibapuisi.com

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

    ReplyDelete
    Replies
    1. ohw ia ya,,,heheh ane lupa code penutupnya ...thanks

      Delete
  11. Sillahkan di ambil film subtitle indonesia di sini film terbaru gratis
    www.hayowmovie.com

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

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

    ReplyDelete
  14. 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. mungkin ada kesalahan dalam penulisan url faviconnya mba,,,,dan juga mungkin lebih bagusnya jika gambarnya di rubah pakai favicon generator dulu

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

    ReplyDelete
  16. 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
  17. terimakasih gan untuk tipsnya.

    ReplyDelete

Tinggalkan komentar Anda di Bawah Ini