Langsung ke konten utama

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.


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.
Cara Mengganti Icon Favicon di Blogger

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.

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.
    Cara Mengganti Favicon pada Blog
  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.
    Cara Mengganti Icon / Favicon pada Blogspot
  6. Setelah selesai, masuk ke halaman Flat Icon Generator.
  7. Silahkan klik UPLOAD AN ICON, kemudian cari gambar yang sudah di download tadi.
    2 Cara Mengganti Tampilan Icon Favicon di Blog
  8. Untuk pengaturannya, kalian bisa melihat artikel saya tentang Cara Membuat Gambar Flat Design Secara Otomatis.
  9. Setelah selesai mengatur, pilih DOWNLOAD.
    Cara Mengganti Icon Favicon Blogger Pada Address Bar
  10. Kemudian kita siapkan untuk mengganti icon yang lama.


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.
    Cara Mengganti Logo Blogger Pada Address Bar Dengan Logo Sendiri
  4. Setelah masuk ke widget tersebut, klik Pilih File untuk mengupload file yang ingin di jadikan icon.
    Cara Membuat dan Mengganti Icon (Favicon) Blog
  5. Setelah selesai, klik Simpan.
  6. Jika berhasil maka icon akan muncul di address bar blog kalian.
    CARA MENGGANTI FAVICON BLOGSPOT


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.
    Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri
  4. Setelah selesai, klik Simpan.
  5. Sekarang icon kalian berhasil di ganti dengan yang baru.
    Mengganti Icon Favicon Blogger pada Address Bar


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

Inovasi Teknologi dan Seni Menuju Riau Berbudaya

Inovasi Teknologi dan Seni Menuju Riau Berbudaya - Riau adalah salah satu provinsi yang sedang giat dalam pembangunan jangka menengah, diantara salah satu misinya adalah meningkatkan pelayanan pendidikan. Peningkatan pelayanan pendidikan dilakukan karena peran para generasi muda dalam meningkatkan pembangunan sangatlah di butuhkan baik dari segi Inovasi Teknologi ataupun Seni, agar masyarakat Riau menjadi masyarakat yang berbudaya. Dimanakah peran generasi muda Riau dalam inovasi di bidang teknologi informasi? Peran Generasi Muda Riau Dalam Inovasi di Bidang Teknologi Informasi Program Riau Go.IT , adalah salah satu inovasi terbaru pemerintah dalam bidang teknologi informasi, sehingga memudahkan Pemerintah Provinsi Riau dalam meningkatkan pelayanan masyarakat, dan juga penyebarluasan informasi yang ada di Provinsi Riau. Sumber : http://humas.riau.go.id Program Riau Go.IT , adalah program Pemerintah Provinsi Riau pada saat ini, sehingga kemungkinan besar jika program ini sudah ter...
Baca Lebih Lanjut »

Cara Membuat Filter Gambar Dengan CSS

Filter gambar biasanya digunakan pada saat kita mengedit gambar. Biasanya juga kita hanya menggunakan aplikasi untuk memfilter gambar tersebut sehingga dapat berubah sesuai yang kita inginkan. Tetapi ternyata ada cara untuk memfilter gambar tersebut dengan menggunakan CSS , untuk itu pada tutorial kali ini saya akan memberikan tutorial tentang cara membuat filter gambar dengan CSS . (Baca juga :  Cara Membuat Gambar Flat Design Secara Otomatis ) Beberapa filter gambar yang bisa di gunakan antara lain. Filter Gambar yang Bisa di Gunakan dengan CSS 1. Blur Agan pasti sudah pernah mendengar istilah blur, efek blur pada gambar di gunakan untuk menyamarkan gambar. 2. Brightness Brightness di gunakan untuk membuat filter gambar menjadi lebih cerah, sehingga dapat disimpulkan filter ini di gunakan untuk mencerahkan gambar. 3. Contrast Kontras. Secara umum kontras diartikan sebagai perbedaan gradasi,kecerahan, atau nada (warna) antara bidang gelap (shadow) dengan bidang terang, atau warna...
Baca Lebih Lanjut »

Cara Mudah Membuat Banner Iklan Sederhana dengan Paint

Banner iklan adalah hal umum dalam sebuah blog . Dengan iklan yang muncul di sebuah blog, menandakan bahwa blog tersebut sudah terpercaya. Banner iklan ada berbagai ukuran tetapi yang paling umum adalah banner iklan sidebar dan header. (Baca juga : Cara Membuat Widget Artikel Terbaru Super Ringan di Blog ) Google AdSense adalah sebuah perusahaan yang paling terkenal untuk periklanan . Dengan bergabung menjadi publisher google adsense, hal ini memungkinkan untuk menampilkan iklan di halaman blog yang kita miliki. Lalu bagaimana cara membuat banner iklan sendiri? Sebetulnya caranya sangat mudah. Kita bisa membuat iklan kita sendiri dengan berbagai software ataupun aplikasi editor gambar yang ada. Untuk itu kali ini saya akan membagikan cara membuat banner iklan sederhana dengan software paint. Hanya dengan software Paint? Ya, software yang paling awam ini juga bisa di gunakan untuk membuat banner iklan. Kenapa memilih Paint? Paint adalah software yang pasti selalu ada di dalam se...
Baca Lebih Lanjut »

Cara Membuat Judul Blog dengan Gambar Teks Keren

Pada tutorial kali ini saya akan membagikan tutorial tentang cara membuat judul blog dengan gambar teks keren . Kita sering melihat header judul sebuah blog menggunakan teks dengan bentuk font biasa seperti Arial , tetapi kita juga sering melihat judul blog berupa gambar , tetapi menggunakan font yang unik. (Baca juga :  Cara Membuat Slideshow di Blogger Keren ) Lalu bagaimana cara membuat judul blog dengan gambar teks keren? Kita sebenarnya juga bisa menggunakan aplikasi atau software editor gambar seperti Adobe Photoshop , Corel Draw , dan editor gambar lainnya. Namun jika kalian tidak memiliki skill membuat judul blog dengan gambar teks yang bagus, kalian bisa menggunakan cara dari saya. Nah, untuk cara membuat judul blog dengan gambar teks keren, silahkan kalian ikuti langkah-langkah dari saya berikut ini. (Baca juga :  Cara Membuat Efek Tombol Keyboard di Blogger Dengan CSS ) Cara Membuat Judul Blog dengan Gambar Teks Keren Karena di sini saya tidak bilang ingin menggunak...
Baca Lebih Lanjut »

Cara Mudah Membuat Widget Artikel Pilihan Di Blog

Widget adalah suatu komponen yang penting dalam sebuah blog. Widget di blog ada berbagai macam jenisnya, dari mulai bawaan blog ataupun kita sendiri yang membuatnya. Pada kesempatan kali ini, saya akan memberikan cara mudah membuat widget artikel pilihan . Widget artikel pilihan ini di gunakan untuk menampilkan list atau menu postingan di widget secara acak. Widget artikel pilihan ini adalah widget yang di rekomendasikan, bagi anda yang ingin mendaftar menjadi pusblisher Google AdSense . (Baca juga : Cara Memasang Lebih Dari 2 In-Feed Ads Google AdSense ) Tampilan widget artikel pilihan ini cukup simple, yaitu hanya berupa teks saja. Bagi anda yang ingin menampilkan widget ini dengan tampilan gambar thumbnail silahkan gunakan widget ini . (Baca juga : Cara Membuat Widget Random Posts dengan Thumbnails di Blogger ) Jika anda penasaran bagaimana bentuk atau tampilan dari widget artikel pilihan ini, di bawah ini saya tampilkan bentuk tampilan dari widget artikel pilihan tersebut. Langsun...
Baca Lebih Lanjut »