menu melayang

Kamis, 27 Januari 2022

Cara Mengganti Logo Blogger & Favicon di Address Bar Terlengkap

Ada 2 jenis logo dalam sebuah blog, yaitu logo yang terletak di bagian header website dan logo favicon yang ada di address bar browser

Dalam tutorial kali ini GuruBlogger akan sedikit membahas tentang bagaimana cara membuat logo sekaligus cara merubah logo di blogger, dan tentu saja cara mengganti favicon logo kecil di atas browser.

Perbedaan Favicon dan Logo Pada Blog

cara-mengganti-favicon-dan-logo-blogger

Pengertian Favicon

Favicon adalah singkatan dari favorite icon yang juga dikenal dengan sebutan shortcut icon, website icon, tab icon, URL icon, atau bookmark icon


Fungsi favicon adalah untuk mengidentifikasi sebuah blog atau website dengan cepat pada tab browser, toolbar, bookmark, history dll

Dengan favicon maka halaman blog / web kita mudah diidentifikasi dan dibedakan dengan halaman website lain

Favicon sendiri adalah sebuah gambar dengan format .ico dengan ukuran 16 pixel X 16 pixel,

Cukup kecil memang namun memberikan perbedaan yang signifikan terkait branding dan legitimasi website kita


Pengertian Logo

Logo adalah sebuah tulisan atau gambar yang digunakan untuk merepresentasikan sebuah brand atau merek

Ada 2 buah jenis logo yang dikenal masyarakat yaitu logo type (logo yang berupa tulisan) dan logo mark (logo berupa simbol atau gambar)


Tanpa harus mnyebut kedua logo diatas, semua netizen pasti mengenalnya


Cara Membuat Logo Dan Favicon Untuk Blog

Untuk yang sudah terbiasa berkecimpung dalam dunia design, membuat sebauh logo itu mudah

Namun bagi blogger pemula terkadang membuat logo yang bisa sinkron dengan tema dan warna website agak susah, begitupun favicon

Iptahudin memiliki sedikit tips terkait bagaimana cara mudah membuat logo dan favicon untuk blog

Beriku ini adalah website yang sering digunakan oleh gurublogger untuk mebuat logo dalam bentuk logotype

  1. Flammingtext
  2. Cooltext

Pada kesempatan kali ini gurublogger akan menggunakan Flammingtext sebagai contoh

Kunjungi flamingtext.com kemudian ketik nama logo dan tekan tombol go seperti contoh gambar diatas

Selanjutnya akan diperlihatkan preview logo yang kita buat, pilih logo yang cocok dengan cara menavigasi tombol pada langkah 2

Bila dirasa sudah menemukan logo yang cocok tinggal klik pada logo tersebut

Langkah selanjutnya silahkan klik pada edit logo untuk melakukan beberapa penyesuaian

Selanjutnya silahkan sesuaikan logo sesuai dengan keperluan, apakah background transparen, font menggunakan arial, penyesuaian besar font dll. Bila sudah sesuai selanjutnya klik tombol next

Klik download untuk mengunduh logo

Siapa bilang mendesain logo itu sulit?

Untuk membuat favicon caranya kurang lebih sama, teman teman harus mendesain logo untuk favicon terlebih dahulu seperti yang dicontohkan dalam contoh membuat "logo blog" diatas

Gunakan huruf pertama sebagai favicon

Bila favicon sudah siap selanjutnya convert file png atau jpg yang hendak dijadikan favicon menjadi file ber exstensi .ico menggunakan favicon generator

Teman teman bisa memilih berbagai macam dimensi, namun pada umumnya dimensi favicon adalah 16px X 16px


Cara Merubah Logo Blogger dan Favicon

Bila logo dan favicon blog sudah siap, maka sekarang saatnya mengganti favicon default blogger menggunakan favicon dan logo buatan sendiri


Cara Merubah Logo Blogger

Tampilan logo di blog secara default berada di sebelah kiri atas blog kita 

Mengganti Logo Blogger dengan Text

Secara default logo blogger sudah dalam bentuk text, bila tidak maka untuk merubah kembali logo ke dalam bentuk text adalah sebagai berikut


  1. Login ke backend blogger kemudian pilih theme
  2. klik edit (tanda pensil pada logo)
  3. Isikan Blog title (logo dalam bentuk text)
  4. Isikan Blog description (snippet dibawah logo)
  5. Pilih Behind title and description
  6. Save

Mengganti Logo Blogger dengan Gambar



Bila ingin mengganti logo blogger dalam bentuk gambar (bukan text) caranya adalah


  1. Login di blogger kemudian klik theme
  2. Edit header dengan cara meng klik tombol pensil
  3. Pada bagian image silahkanpilih from computer kemudian upload gambar, atau dalam contoh kali ini gurublogger menggunakan from the web paste an image url (paste link gambar yang sebelumnya sudah diupload)
  4. Selanjutnya pilih instead of title and description
  5. Save

catatan: jangan lupa menyesuaikan lebar dan tinggi logo sesuai dengan lebar dan tinggi container header agar tidak overflow (melewati batas kontainer)


Cara Mengganti Favicon Blogger

Setelah merubah logo, sekarang waktunya mengganti favicon default blogger dengan favicon buatan sendiri agar terlihat lebih profesional


Terkadang menggunakan favicon blogspot memang memberi kesan kita tidak profesional dan terlihat hanya seperti sebuah blog gratisan yang umum beredar


Walaupun kenyataannya memang hanya sebuah blogspot namun tampil profesional bukanlah hal yang sulit

  • Login di Blogger kemudian pilih >> Setting
  • Pada bagian Basic >> Klik pada menu favicon



  • Selanjutnya klik pada >> choose file
  • Browse lokasi kita menyimpan gambar favicon
  • Pilih file favicon dengan ekstensi .ico
  • Open file
  • Kemudian save

Setelah itu kita refresh browser, dan sayangnya terkadang favicon tidak langsung tampil di browser

Hal itu disebabkan karena browser masih menyimpan cache favicon lama

Caranya adalah gunakan browser lain yang tidak pernah digunakan untuk mengakses blog kita, atau clear cache dan refresh kembali browser

Bila tidak ingin repot repot maka biarkan saja, setelah selang beberapa waktu maka favicon akan ditampilkan oleh browser.

Sumber : gurublogger.id

Blog Post

Related Post

Back to Top


Cari Artikel

tag

Jasa video animasi Arsitektur & Desain, Jasa video animasi Buku Bangunan, Jasa video animasi Buku Codes & Standars, Jasa video animasi Buku Dekorasi & Ornamen, Jasa video animasi Buku Desain Dapur, Jasa video animasi Buku Desain Kamar, Jasa video animasi Buku Desain Ruang Keluarga, Jasa video animasi Buku Desain Ruang Tamu, Jasa video animasi Buku Desain Rumah, Jasa video animasi Buku Interior & Eksterior, Jasa video animasi Buku Metode, Jasa video animasi Buku Taman, Jasa video animasi Material Bangunan, Jasa video animasi Buku Hukum, Jasa video animasi Buku Gender & Hukum, Jasa video animasi Buku Hukum Dagang, Jasa video animasi Buku Hukum Perdata, Jasa video animasi Buku Hukum Internasional, Jasa video animasi Buku Hukum Pidana, Jasa video animasi Buku Kemanusiaan, Jasa video animasi Buku Politik & Hukum, Jasa video animasi Kumpulan Peraturan Perundang-Undangan, Jasa video animasi UUD 1945, Jasa video animasi Buku Import, Jasa video animasi Agriculture Book Import, Jasa video animasi Art & Novel Import, Jasa video animasi Child & Teenager Book Import, Jasa video animasi Computer Book Import,