Cara Mengganti Favicon Blogger Support Dial All Browser

Cara Mengganti Favicon Blogger Support Dial All Browser


Coretancode.com - Pada kesempatan kali ini admin ingin sedikit berbagi tutorial seputar dunia blogging yaitu Cara Mengganti Favicon Blogger Support Dial All Browser serta penjelasan dan manfaat favicon jika dipasang di sebuah website ataupun blog.

Jika kalian seseorang yang gemar membaca atau sering mengunjungi website yang ada di pencarian google maka tidak akan heran dengan logo-logo (Favicon) keren yang ada di sebelah nama website pada tab browser dan pintasan (Dial) di browser.

Pada dasarnya sebuah website harus memiliki logo unik yang identik dengan nama situs atau konten yang dibagikannya. Mengapa demikian? Jawabannya bisa anda temukan setelah membaca penjelasan tentang apa itu favicon.

Apa itu Favicon?

Favicon adalah icon utama yang akan muncul di address bar suatu laman web dan juga merupakan sebuah logo dari laman web tersebut. Favicon ini juga dikenal sebagai shortcut icon, web icon, URL icon, atau juga bookmark icon.


Adanya favicon atau logo ini pada blog tentu akan memberikan ciri khas atau sebuah identitas unik di situs yang sedang anda kelola. Oleh karena itulah kenapa sangat saya sarakan agar sebuah website lama ataupun baru memiliki logo yang unik.

Manfaat Favicon

Ada beberapa manfaat yang perlu di ketahui dari favicon, diantaranya adalah seperti berikut
  • Sebagai identitas (tanda unik) dari sebuah website ataupun blog.
  • Mudah dikenal dari mata pengunjung atau google sekalipun.
  • Terlihat lebih professional meskipun belum menggunakan domain TLd.
Favicon ini masuk dalam penilaian score SEO, lalu apakah anda tidak ingin memasangnya? jika anda masih tergolong pemula blogging, lebih baik segera membuatnya untuk memenuhi score SEO.

Cara Pemasangan Favicon di Blogger

  1. Pastikan telah login ke Blogger.com
  2. Pada dashboard, silahkan pilih menu Template > Edit HTML
  3. Kemudian cari kode <head> di template
    Untuk memudahkan pencarian, gunakan tombol pintasan CTRL+F pada keyboard.
  4. Lalu salin kode berikut ini, dan letakkan tepat dibawah kode pada (langkah no.3)
    <!-- Meta Icon -->
      <link expr:href='data:blog.homepageUrl + &quot;/favicon.ico&quot;' rel='icon' type='image/x-icon'/>
      <link href='URL_Favicon' rel='apple-touch-icon'/>
      <link href='URL_Favicon' rel='apple-touch-icon' sizes='57x57'/>
      <link href='URL_Favicon' rel='apple-touch-icon' sizes='72x72'/>
      <link href='URL_Favicon' rel='apple-touch-icon' sizes='76x76'/>
      <link href='URL_Favicon' rel='apple-touch-icon' sizes='114x114'/>
      <link href='URL_Favicon' rel='apple-touch-icon' sizes='120x120'/>
      <link href='URL_Favicon' rel='apple-touch-icon' sizes='144x144'/>
      <link href='URL_Favicon' rel='apple-touch-icon' sizes='152x152'/>
      <link href='URL_Favicon' rel='apple-touch-icon' sizes='180x180'/>
      <link href='URL_Favicon' rel='icon' sizes='192x192' type='image/png'/>
      <link href='URL_Favicon' rel='icon' sizes='96x96' type='image/png'/>
      <link href='URL_Favicon' rel='icon' sizes='32x32' type='image/png'/>
      <link href='URL_Favicon' rel='msapplication-TitleImage'/>
    Keterangan:
    Ganti tulisan yang di marking (di block) dengan URL Favicon.
  5. Save Template.

Cara Mendapatkan URL Favicon

Untuk mendapatkan URL dari Favicon, kalian bisa gunakan situs penyedia convert favicon seperti di bawah ini.

Langkah 1
Silahkan gunakan situs https://favicon.io/favicon-converter/

Langkah 2
Drag and Drop file favicon yang telah anda simpan, kemudian klik tombol download.


Langkah 3
File yang terunduh akan berformat (.zip), silahkan extract semua file favicon lalu upload ke halaman blogger anda.

Langkah 4
Buka halaman yang sudah anda buat berisikan file favicon yang telah di unggah, kemudian salin URL Favicon yang anda dihalaman tersebut.

Catatan!!
Favicon tidak akan muncul apabila halaman yang anda buat sebagai media hosting (penyimpanan) anda hapus.

Penutup

jika kurang paham dengan tutorial diatas, tentu saja anda bisa tanyakan melalui kolom komentar yang tersedia dibawah artikel ini. Dengan senang hati kami akan membantu jika tidak ada kesibukan diluar kegiatan blogging.

Mungkin sekian dulu artikel dari Cara Mengganti Favicon Blogger Support Dial All Browser, semoga selalu bermanfaat untuk kalian semuanya.
Terima kasih
Load comments