bagaimana cara mengganti favicon defaul blog di blogger dengan mudah

cara membuat favorite icon (favicon) di blog

Diposting oleh dan pada tanggal
masuk dashboard blogger > template > edit template lalu tambahkan kode dibawah ini di bawah <head>
<link href='#' rel='shortcut icon' type='image/x-icon'/>
<link href='#' rel='icon' type='image/x-icon'/>
pada kesempatan kali ini, saya akan berbagi tutorial bagaimana cara membuat favorite icon di blog (lebih tepatnya mengganti karena pada kondisi default blogger sudah memiliki favicon dengan tampilan berbentuk huruf b warna orange).

kenapa favicon blog sebaiknya di ganti? salah satu alasannya adalah untuk memperindah tampilan blog, memberikan ciri khas karena favicon bisa kamu ganti dengan logo yang dapat menjadi ciri khasmu, serta membuat blogmu tidak memiliki favicon yang pasaran karena memang seluruh blog yang menggunakan blogspot akan memiliki favicon default yang sama sebelum di ganti.

berikut ini langkah detail cara mengganti favicon blog.

  1. langkah pertama siapakan fambar yang akan kamu jadikan favicon, bisa menggunakan file .png untuk favicon yang transparant, jpg atau bisa menggunakan .gif untuk favicon yang mempunyai efek animasi. usahakan gambar yang kamu sediakan berdimensi segi empat ya, dan sebaiknya ukurannya kurang dari 100kb. saran saya ukuran lebar dan tingginya cukup 50px x 50px.
  2. setelah gambarnya siap, kemudian upload gambar tersebut dan copy link url gambarnya. kamu bisa upload gambarmu langsung ke blog kamu di halaman postingan atau laman dan copy url nya atau bisa juga upload di layanan hosting gambar dan foto yang lain.
  3. langkah selanjutnya masuk ke menu tema/ template
  4. pilih template / tema > kemudian edit template
  5. kemudian cara kode <head> dan tambahkan kode di bawah ini tepat di bawahnya

    <link href='#' rel='shortcut icon' type='image/x-icon'/>
    <link href='#' rel='icon' type='image/x-icon'/>

    sehingga hasilnya kurang lebih seperti di bawah ini

    <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj4S84AC5oLw0btwbjctkm_DknPSBhV33iNt_PJx5DEa1yz0RwmIWwLBTnPja_UnHffUmN7c5kMfAXStG6TbH1Rb_dfG7Izn16eeBDmJT-tu-Hz5KZn5N5q2wo_PbwKh3tZu8NTjt_GqNz/s1600/favicon.png' rel='shortcut icon' type='image/x-icon'/>
    <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj4S84AC5oLw0btwbjctkm_DknPSBhV33iNt_PJx5DEa1yz0RwmIWwLBTnPja_UnHffUmN7c5kMfAXStG6TbH1Rb_dfG7Izn16eeBDmJT-tu-Hz5KZn5N5q2wo_PbwKh3tZu8NTjt_GqNz/s1600/favicon.png' rel='icon' type='image/x-icon'/>
  6. ganti tanda # dengan url gambar yang telah kamu copy tadi.
  7. setelah itu simpat template.
  8. langkah selanjutnya, pilih tata letak
  9. dan pada widget favicon (biasanya terletak di bagian kiri atas ), klik edit dan pilih upload 
  10. kemudian pilih gambar yang telah kamu sediakan dan bukan yang kamu upload.
  11. setelah selesai mengupload, kemudian simpan .
  12. selesai, seharusnya favicon blog kamu sudah berubah
sekian tutorial cara mengganti favicon , semoga bermanfaat.

Komentar

Posting Komentar