Cara Membuat dan Mengganti Favicon Blogspot

Identitas merupakan sebuah hal paling penting untuk sebuah produk/sistem. Misalnya Facebook merupakan sebuah produk sistem, mempunya identitas berupa logo dengan huruf F. Yang mana logo ini merupakan ciri khas yang menunjukan identitas dari Facebook.
Logo inilah yang membedakan Facebook dengan sistem yang sejenis.

Begitu pula dengan Blog yang merupakan salahsatu produk berisi konten-konten berupa artikel  dengan tema tertentu. Identitas pada blog biasanya ditunjukan oleh Favicon yang digunakan oleh blog tersebut. Favicon inilah yang membedakan antara blog yang satu dengan blog yang lainnya. 

Menggunakan Favicon pada blog akan menunjukan bahwa blog anda terlihat lebih profesional, dan pengunjung akan melihat kesungguhan anda dalam membagikan konten yang ada pada blog anda.

Apa Itu Favicon ?

Favicon adalah suatu icon yang biasaya muncul pada adress bar suatu halaman web yang merupakan logo utama dari web tersebut. Icon inilah yang menunjukan identitas dari web tersebut dan membedakan antara blog tersebut dengan blog yang lain. Icon yang dipakai mestinya suatu logo yang khas dan belum pernah dipakai dimanapun.

Misal Blogger, mempunyai logo berupa huruf B yang khas dengan warna orange nya, dimana warna orange ini merupakan warna dominan yang banyak dipakai ketika anda membuka blogger.com.

Begitu pula degan Facebook, mempunyai logo F yang khas denga warna birunya. dimana warna biru ini adalah warna dominan yang bnyak digunakan oleh Facebok di berbagai sudut komponen yang di pakai oleh facebook itu sendiri.


Cara Membuat Bahan Favicon Online

Untuk membuat Bahan Favicon Secara Online merupakan hal yang sangat mudah. Anda bisa langsung mengunjungi link ini Logaster.com.

Ketika mengunjungi link tersebut anda akan dihadapakan dengan tampilan berikut. Isi dengan Inisial dari blog anda misal Inisal dari blog saya yaitu DeCod, kemudikan klik "Create Logo".


Tunggu beberapa saat, hingga muncul Beberapa Logo yang bisa anda pilih. setelah itu klik 'Preview & Download' unutk mendownload logo yang anda butuhkan.


Cara Membuat Bahan Favicon Melalui Adobe Illustrator CC

Nah ini adalah untuk anda yang ingin membuat Bahan Icon nya sesuai dengan keinginan anda. Anda dapat menggunakan Adobe Illustrator untuk membuat icon tersebut.
Langkah-langkah pembuatan nya dapat mengikuti tahap-tahap berikut.

1. Buka Terlebih dahulu Adobe Illustrator pada pc anda
2. "Create New" untuk membuat Baru


3. Pilih Layout yang A4 saja, kemudian Create


4. Ketika Layout sudah terbuka, pilih Type Tool Untuk Membuat Text dengan inisial blog anda.



5. Sesuaikan Type Text, Style dan Ukuran Text agar lebih terlihat lebih bagus.


6. Pilih Ellipse Tool untuk membentuk Lingkaran, klik+shift agar lingkaran yang terbuat lebih balance.


7. Sesuaikan warna Lingkaran dengan warna blog dominan yang dipakai pada template blog anda dan pilih Send to Back agar lingkaran berada dibelakang huruf anda.


8. Tarik lingkaran ke Text yang dibuat. Sehingga Terlihat lebih menyatu seperti berikut.


9. Klik pada lingkaran, kemudian pilih Object -> Artboards -> Fit To Selected Art, agar layout menyesuaikan dengan gambar lingkaran yang telah dibuat, sebagai gambar terluar pada gambar.


10. Maka hasil akhirnya adalah seperti berikut.


11. Kemudian Pilih, File -> Export -> Save For Web(Legacy), untuk mengeksport gambar yang telah diubah menjadi png.


12. Kemudian Klik Save.


13. Maka hasil exportnya akan terlihat seperti Berikut.


Dengan begini anda sudah bisa mempunyai bahan gambar yang akan dijadikan Icon blog anda.

Cara Mengganti Favicon Blog

Setelah anda berhasil membuat logo yang akan dijadikan sebagai favicon, langkah selanjutnya adalah mengganti Favicon Default pada blog anda dengan logo yang baru saja anda buat.
Adapun langkah-langkahnya adalah sebagai berikut.

1. Masuk ke Blogger.com, kemudian pilih Tata Letak.


2. Pilih Edit Pada Layout Favicon


3. Hapus Favicon Lama, Kemudian Pilih Gambar yang baru saja anda buat, dan simpan


4. Maka Favicon anda akan diganti dengan favicon yang baru.

Kesalahan Umum Yang Terjadi

Ketika anda mengganti Favicon, kesalahan yang mugkin terjadi adalah Favicon anda tidak berubah ketika anda mencoba untuk melihat perubahan favicon tersebut.
Sebenarnya pada saat itu, Favicon anda sudah tergantikan, namun karena chache yang lama masih tersimpan, maka Favicon yang tampil adalah favicon yang lama.

Untuk mengatasi hal tersebut, anda tinggal melakukan clear chache pada browser anda. Maka secara otomatis, favicon yang baru akan tampil di blog anda.

Jika anda menggunakan browser Opera, anda dapat melakukakannya melalui Menu history -> Clear Browsing Data.



Demikin artikel mengenai pembuatan dan cara mengganti favicon di blogspot,
Semoga Bermanfaat.

27 Komentar untuk "Cara Membuat dan Mengganti Favicon Blogspot"

  1. saya kebetulan gak bisa edit vaficon melalui tata letak, apa harus cari di edit html?

    BalasHapus
    Balasan
    1. Harusnya bisa sih gan. Bisa dijelaskan lebih lanjut error yang muncul ketika proses ganti favicon tersebut ? sudah coba untuk Clear Browsing Data dan Cookies di Browser yang dipakai ?

      Hapus
    2. Sama min saya juga...atau mungkin hanya ada di PC??di android gaada...tombol edit faviconnya

      Hapus
    3. Baiknya sii semua yang terkait administrator blog di lakuin di PC aja gan, takutnya fungsi/menu di blogger versi android memang kurang lengkap.

      Hapus
  2. Sebenarnya sih edit Favicon bisa dilakuin dengan 2 cara yaitu 1.edit langsung di tata letak 2.edit langsung di edit html. Jika masih blm work bisa dilakukan 22 nya.

    Salam.

    BalasHapus
  3. berlaku untuk tema blog tertentu kah?? tema blog saya notable kok gk nemu yah fitur edit favicon

    BalasHapus
    Balasan
    1. harusnya tidak tergantung tema ya,, menu edit favicon tersebut sudah tersedia dari blogger.com nya sendiri. Jika agan memakai versi blogger terbaru dan agak kesulitan dengan navigasi terbarunya. coba pakai versi lama aja dulu

      Hapus
  4. bang, kenapa kolom favicon-nya ngga ada ya? sudah saya cari sih

    BalasHapus
    Balasan
    1. Udah masuk ke menu tata letak di blogger.com belum gan ?

      Hapus
  5. Khusus buat yg menu favicon nya g ada kalian bisa cari di setelan, di bawah ID Properti Google Analytics, Semoga Membantu :)

    BalasHapus
  6. mas , kalau favicon di google search engine (mode HP) tetep ga berubah jg ya? apa pengaruh cache jg? cache di browser hp sudah saya clear

    BalasHapus
    Balasan
    1. coba ulangi tahap nya gan. pastikan sudah melakukan tahap dari awal sampai akhir dengan sesuai

      Hapus
  7. Thanks infonya kak, favicon blog saya juga Alhamdulillah udah berubah.

    BalasHapus
  8. gk ada menu nya, gimana nih?

    saya pake tema custom, apa ngaruh ya?

    BalasHapus
    Balasan
    1. seharusnya gak ngaruh gan, dan menunya pasti ada, pastikan agan bener bener masuk k blogger.com ya

      Hapus
  9. Akhirnya ketemu juga pusing jg gagal mulu karena kegedean sizenya :(

    BalasHapus
  10. Klw di tata letak tidak ada gan di blogku ..tetapi ada di pengaturan,mksh sudah share

    BalasHapus

Yuk Comment, Pengunjung yang baik selalu meninggalkan jejak.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel