Cara Mengganti Icon Favicon di Blogger

Pada tutorial kali ini saya akan membagikan tutorial tentang cara mengganti icon favicon yang ada di Blogger. Kita sering melihat icon favicon ini di atas address bar, biasanya pada saat awal pembuatan sebuah blog, kita akan mendapati tampilan default dari icon favicon tersebut.

Baca juga : 2 Cara Termudah Mengganti Template Blog di Blogger

Favicon sendiri berasal dari kata "Favorites Icon" yang berarti ikon favorit, tetapi jangan takut gambar yang kalian ingin masukan tidak sesuai, karena untuk mengupload icon ini, bisa menggunakan gambar format png ataupun gif.

Favicon Icon ini bisa kalian buat sendiri menggunakan berbagai macam tools, asalkan ukuran tinggi dan lebar dari gambar tersebut sama.

Kenapa sih kita harus mengganti Icon Favicon?

Jawaban yang paling tepat adalah karena Icon ini melambangkan secara umum bagaimana karakter dari blog yang kita miliki, seperti dari warna, bentuk gambar ataupun bentuk teks.

Lalu bagaimana cara membuat Favicon seperti blog Tutorial Umum?

Karena disini saya menggunakan perpaduan teks dan flat desain jadi di sini saya menggunakan 2 tools online, yaitu Transparent Text Generator dan Flat Icon Generator. Nah, sebelum mengganti icon favicon yang akan kita gunakan, ada baiknya kita membuat icon favicon yang ingin kita buat terlebih dahulu. Untuk cara membuat icon favicon, ikuti langkah-langkah dari saya berikut ini.

Baca juga : Cara Membuat Judul Blog dengan Gambar Teks Keren

Cara Membuat Icon Favicon Flat Design di Blogger

1. Langkah pertama kalian masuk ke halaman Transparent Text Generator, untuk menentukan teks yang ingin digunakan.
2. Di kolom Text, sebaiknya kalian isi dengan singkatan kata dari blog kalian, misalnya Tutorial Umum yaitu TU.
   
3. Setelah itu langsung saja ke kolom Text Color, dan masukan warna yang kalian inginkan.
4. Untuk pengaturan lainnya, kalian bisa melihatnya di artikel saya tentang Cara Membuat Judul Blog dengan Gambar Teks Keren.
5. Pilih font yang kalian inginkan, kemudian klik Generate, setelah itu klik Download Image untuk mendownload gambar.
   
6. Setelah selesai, masuk ke halaman Flat Icon Generator.
7. Silahkan klik UPLOAD AN ICON, kemudian cari gambar yang sudah di download tadi.
   
8. Untuk pengaturannya, kalian bisa melihat artikel saya tentang Cara Membuat Gambar Flat Design Secara Otomatis.
9. Setelah selesai mengatur, pilih DOWNLOAD.
   
10. Kemudian kita siapkan untuk mengganti icon yang lama.

Baca juga : Cara Membuat Gambar Flat Design Secara Otomatis

Untuk cara mengganti icon favicon yang baru di blogger, ikuti langkah-langkah dari saya di bawah ini.

Cara Mengganti Icon Favicon di Blogger

Cara Upload Icon Favicon di Blogger

1. Masuk ke akun Blogger kalian.
2. Pilih menu Tata Letak.
3. Di halaman Tata Letak, klik edit di widget Favicon.
   
4. Setelah masuk ke widget tersebut, klik Pilih File untuk mengupload file yang ingin di jadikan icon.
   
5. Setelah selesai, klik Simpan.
6. Jika berhasil maka icon akan muncul di address bar blog kalian.
   

Baca juga : Cara Membuat Widget Breaking News 2 Style di Blogger

Untuk cara mengganti icon favicon yang lama, atau sudah terpasang tidak jauh berbeda, tetapi kita harus menghapus icon yang lama terlebih dahulu, berikut adalah langkah-langkahnya.

Cara Mengganti Icon Favicon yang Sudah Terpasang di Blogger

1. Langkah pertama masuk ke akun Blogger kalian.
2. Pilih menu Tata Letak, klik edit di widget Favicon.
3. Klik Hapus, kemudian klik Pilih File untuk mengupload icon yang ingin di ganti.
   
4. Setelah selesai, klik Simpan.
5. Sekarang icon kalian berhasil di ganti dengan yang baru.
   

Baca juga : Cara Membuat Tombol Back To Top di Blog dengan Font Awesome

Catatan : Jika icon favicon belum muncul, silahkan bersihkan cache dan history browser kalian.

Demikian artikel dari saya mengenai cara mengganti icon favicon di blogger. Jika ada pertanyaan mengenai hal yang berkaitan dengan artikel di atas, silahkan tetap kunjungi blog Tutorial Umum.

Terima kasih sudah berkunjung di blog Tutorial Umum, semoga artikel di atas bermanfaat untuk kalian semua. Untuk tutorial yang lainnya mengenai tutorial blogging, silahkan tetap kunjungi blog Tutorial Umum.

Share this