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

Langkah pertama kalian masuk ke halaman Transparent Text Generator, untuk menentukan teks yang ingin digunakan.
Di kolom Text, sebaiknya kalian isi dengan singkatan kata dari blog kalian, misalnya Tutorial Umum yaitu TU.
Setelah itu langsung saja ke kolom Text Color, dan masukan warna yang kalian inginkan.
Untuk pengaturan lainnya, kalian bisa melihatnya di artikel saya tentang Cara Membuat Judul Blog dengan Gambar Teks Keren.
Pilih font yang kalian inginkan, kemudian klik Generate, setelah itu klik Download Image untuk mendownload gambar.
Setelah selesai, masuk ke halaman Flat Icon Generator.
Silahkan klik UPLOAD AN ICON, kemudian cari gambar yang sudah di download tadi.
Untuk pengaturannya, kalian bisa melihat artikel saya tentang Cara Membuat Gambar Flat Design Secara Otomatis.
Setelah selesai mengatur, pilih DOWNLOAD.
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

Masuk ke akun Blogger kalian.
Pilih menu Tata Letak.
Di halaman Tata Letak, klik edit di widget Favicon.
Setelah masuk ke widget tersebut, klik Pilih File untuk mengupload file yang ingin di jadikan icon.
Setelah selesai, klik Simpan.
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

Langkah pertama masuk ke akun Blogger kalian.
Pilih menu Tata Letak, klik edit di widget Favicon.
Klik Hapus, kemudian klik Pilih File untuk mengupload icon yang ingin di ganti.
Setelah selesai, klik Simpan.
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.

Postingan populer dari blog ini

Cara Membuat Syntax Highlighter Otomatis Tanpa Javascript di Blogger

Syntax Highlighter adalah sebuah wadah untuk menampilkan sebuah kode pemograman. Dimana, syntax highlighter ini sering di gunakan untuk membuat sebuah tutorial di sebuah situs web.Syntax highlighter umumnya berwarna-warni, karena menggunakan banyak javascript , namun pada tutorial kali ini, saya akan membagikan tutorial tentang cara membuat syntax highlighter otomatis tanpa javascript di blogger . Wow tanpa javascript? Emang bisa? Karena syntax highlighter ini hanya menggunakan satu warna saja, jadi syntax highlighter ini tidak memerlukan javascript. Untuk memanggil syntax highlighter ini, agan hanya cukup menggunakan 2 script saja, karena itulah di sebut otomatis. (Baca juga : Cara Membuat Prism Syntax Highlighter untuk Menampilkan Script Code di Blogger ) Mengenai syntax highlighter yang bisa mengurangi kecepatan blog agan, agan tidak perlu takut karena syntax highlighter ini hanya menggunakan script CSS saja. Itulah bedanya syntax highlighter ini dengan syntax highlighter yang...

Baca Lebih Lanjut »

Cara Memasang Script Redirect UC Browser ke Chrome Lebih Cepat

UC Browser memanglah browser terbaik untuk menampilkan halaman website tanpa iklan. Namun ini akan berdampak buruk bagi para publisher , khususnya publisher Google AdSense . Dengan banyaknya pengguna UC Browser, maka para publisher akan kehilangan banyak penghasilan. Untuk itulah pada tutorial kali ini saya akan memberikan cara memasang script redirect UC browser ke Chrome dengan mudah dan pastinya cepat . Script ini sebenarnya saya dapatkan dari forum ads.id, karena kebetulan script auto redirect ini lagi terkenal, akhirnya saya share ke blog saya. Script auto redirect ini mungkin bisa lebih cepat dari pada script auto redirect yang di share sebelumnya di forum ads.id, tapi saya juga belum tahu pasti seberapa cepat script ini bisa auto redirect dari UC browser ke Chrome. (Baca juga : Cara Memasang Lebih Dari 2 In-Feed Ads Google AdSense ) Untuk cara memasangnya, langsung saja ikuti langkah-langkah dari saya di bawah ini. Cara Memasang Script Redirect UC Browser ke Chrome di Blog...

Baca Lebih Lanjut »

Cara Memasang Lebih Dari 2 In-Feed Ads Google AdSense

Setelah sebelumnya saya membagikan cara memasang In-feed ads Google AdSense secara otomatis , kali ini saya akan membagikan cara memasang lebih dari 2 In-feed ads Google Adsense . (Baca juga : Cara Memasang In-Article Ads Google AdSense Secara Otomatis ) Seperti yang kita ketahui fitur In-feed ads ini sangat berguna bagi para publisher Google AdSense. Karena memudahkan para pengunjung kita untuk melihat dan meng-klik iklan yang ada di pertengahan menu postingan. Selain itu, iklan In-feed ads ini juga tidak merusak pandangan blog kita. Sehingga tidak akan mengurangi pengalaman pengunjung terhadap blog yang kita miliki. Singkat cerita saya mendapatkan kode memasang iklan ini dari blog idola saya yaitu Arlina Design , tetapi karena kode yang di berikan hanya 2 buah slot saja, maka saya akan memberikan cara memasang iklan In-feed ini lebih dari 2 buah. Nah, bagi yang belum tahu cara memasang lebih dari 2 buah In-feed ads , ikuti langkah-langkah dari saya berikut ini. Cara Memasang Lebih d...

Baca Lebih Lanjut »

Cara Membuat Prism Syntax Highlighter untuk Menampilkan Script Code di Blogger

Untuk kalian yang gemar membagikan tutorial di blogger pastinya kalian membutuhkan Syntax Highlighter ini, apalagi kalian yang menerapkan blog dengan niche programming. Pada tutorial kali ini saya akan memberikan tutorial tentang cara membuat prism syntax highlighter untuk menampilkan script code di blogger . (Baca juga : Cara Membuat Syntax Highlighter Otomatis Tanpa Javascript di Blogger ) Syntax Highlighter ini sudah tidak saya pakai sekarang, tetapi syntax highlighter ini sangat cocok untuk membagikan tutorial-tutorial yang menggunakan coding. Syntax Highlighter ini saya temukan di blog Arlina Design yang menerapkan niche tutorial blog dan sering membagikan template yang responsive. Kata admin blog Arlina Design, syntax highlighter ini adalah kombinasi antara syntax highlighter yang di buat blog Kang Ismet dan fitur penomoran yang di buat blog Kompi Ajaib . Untuk lebih jelasnya ikuti langkah-langkah dari saya mengenai cara membuat prism syntax highlighter untuk menampilkan ...

Baca Lebih Lanjut »

Cara Mudah Menghapus Blog di Blogger

Menghapus blog biasanya di lakukan pada saat blog yang kita buat salah nama, atau bisa jadi error pada banyak artikel. Kejadian ini adalah hal yang umum di lakukan, tetapi lebih baik sobat pikirkan terlebih dahulu sebelum membangun sebuah blog karena kejadian seperti ini banyak terjadi di kalangan blogger pemula. Bagi kalian yang sudah terlanjur, dan ingin menghapus blog kalian, kali ini saya akan memberikan cara mudah menghapus blog di blogger . (Baca juga : Cara Menghapus Tulisan Diberdayakan oleh Blogger ) Bagi sobat yang ingin menghapus blog , ikuti langkah-langkah dari saya berikut ini. Cara Menghapus Blog di Blogger Langkah pertama masuk ke akun Blogger sobat Pilih blog yang ingin di hapus Pilih menu Setelan , pilih Lainnya , kemudian pilih Hapus blog Sebelum menghapus, jika sobat ingin mengekspor blog sobat silahkan pilih Download blog Untuk langsung menghapus blog silahkan pilih Hapus Blog ini Sekarang blog sobat sudah di hapus, untuk menghapus secara permanen, silahkan ikuti ...

Baca Lebih Lanjut »