Home » » Cara Mudah Membuat Favicon Blog

Cara Mudah Membuat Favicon Blog

Cara Mudah Membuat Favicon Blog | Favicon adalah kependekan dari Favorite Icon, yaitu sebuah gambar kecil berbentuk kotak yang berada di bagian atas sebelah kiri address bar blog dan tab browser Anda. Gambar favicon menggunakan file gambar berekstensi *.ico.

Untuk membuat favicon blog, pertama-tama Anda harus siapkan sebuah design gambar yang akan Anda dijadikan logo berbagai identitas blog Anda. Gambar yang sudah Anda siapkan bisa berupa file berekstensi .jpg, .png, dll. Lalu file gambar .jpg atau .png tersebut kita konversikan terlebih dahulu menjadi file .ico. Oke mari kita praktekkan langsung.

Untuk membuat file gambar ico Anda bisa gunakan situs penyedia tool untuk membuat file ico. Ok, silahkan konversikan file gambar Anda di:

Step 1 Convert file gambar menjadi file ico:
  • Membuat file favicon di ICO converter
  • Klik Browse, arahkan file gambar di komputer Anda
  • Pilih ukuran 32x32 pixels atau 48x48 pixels
  • Pilih 16.7M colors and alpha transparency
  • Klik Convert
  • Simpan file gambar xxxnamafile.ico di komputer Anda.
Step 2 Upload file ico ke server gambar blogger:

File gambar ico perlu disimpan di server yang mana nantinya akan dipanggil dari template blog Anda. Untuk mempermudah saya berikan cara menyimpannya di server blogger saja sbb:
  • Buatlah sebuah posting baru di blog Anda klik New Post
  • Upload file gambar favicon yang sudah Anda lakukan di step 1.
  • Klik tombol Post Options, dan pilih tanggal/bulan/tahun posting. Pilih tahun posting misalnya 2000 agar supaya postingan ini tersimpan di awal arsip.
  • Berikan judul misalnya ARSIP GAMBAR, perlu Anda perhatikan postingan ini JANGAN DIPUBLISH (jangan klik tombol PUBLISH POST), Anda simpan saja sebagai DRAFT dengan klik tombol SAVE NOW.
  • Selanjutnya klik Preview, disitu akan muncul tampilan preview blog Anda, arahkan cursor ke gambar yang terlihat di preview, klik kanan mouse Anda, lalu Copy link location (ingat: bukan Copy image location) jika Anda menggunakan browser firefox. Nah.. alamat link location ini yang akan kita gunakan untuk menampilkan favicon blog kita.
Step 3 Edit template blog:
  • Bukalah template blog Anda dengan klik Edit HTML
  • Carilah kode <b:skin><![CDATA[/*, kode ini biasanya terletak hanya beberapa baris dari atas script template blog.
  • Letakkan kode dibawah ini tepat diatas kode <b:skin><![CDATA[/*
<link href='http://URL_LINK_LOCATION' rel='Shortcut Icon' type='image/x-icon'/>
http://URL_LINK_LOCATION adalah URL yang Anda dapatkan di step 2 diatas.

Terakhir klik SAVE TAMPLATE, selesai!
Coba lihat blog Anda, sekarang faviconnya sudah terlihat di tab browser dan address bar.

Share this article :

Related Posts by Categories


 
Copyright © 2013. Lintas Informasi - All Rights Reserved