Friday, 10 November 2017

Cara Membuat Dan Memasang Favicon Blog Di Blogspot Blogger

Membuat Logo Favicon Blog -  Membuat gambar favicon (favorite icon) pada blog dapat kita lakukan dengan menggunakan aplikasi editing gambar seperti misalnya inkscape, gimp, corel draw atau photoshop (windows). Selain itu, kita juga dapat memanfaatkan tools online untuk melakukan edit gambar sekaligus membuat format gambar sesuai dengan standard favicon untuk blog (generate).

Gambar favicon blog yaitu logo yang terlihat ketika kita membuka halaman blog, logo ini terletak di tab browser, berdampingan dengan judul blog saat kita membuka halaman home / beranda blog. Proses pembuatan gambar favicon relatif mudah dan ukurannya memang cukup kecil. Khusus untuk gambar/logo favicon ini memang harus berbentuk persegi (bujur sangkar). Membuat gambar favicon blog tidak memerlukan waktu yang lama, kecuali bila anda ingin membuat sebuah logo favicon yang kreatif dan unik, mungkin akan menyita waktu untuk membuatnya.



Secara default, gambar favicon blog dengan platform blogspot berupa logo blogger yang berupa huruf b yang sudah dimodifikasi dengan bingkai khas blogger. Kita dapat mengganti logo tersebut dengan menggunakan gambar yang kita buat sendiri, atau kita bisa juga tidak perlu membuat gambar favicon sendiri, cukup download gambar ikon di internet lalu beri sedikit modifikasi menggunakan aplikasi pengolah gambar. Dengan demikian, blog tidak lagi menggunakan logo blogger.com sehingga lebih mengidentifikasikan si empunya blog.

Membuat Gambar Favicon Blog Sendiri

Banyak tersedia tools gratis untuk membuat objek gambar dalam berbagai format. Pengguna distro linux dapat menggunakan aplikasi inkscape dan gimp untuk membuat gambar favicon blog. Sementara untuk sistem windows dapat menggunakan aplikasi photoshop dan corel draw.

inkscape dan gimp juga dapat di install di sistem windows dan mac os x

Silahkan gunakan cara yang paling mudah atau paling anda sukai untuk membuat gambar logo favicon. Selain tools offline, kita juga dapat menggunakan tools online untuk membuat objek gambar.

 

Merubah Format Dan Ukuran Gambar Favicon Blog

Setelah membuat gambar favicon blog (dalam format .png, .jpg atau yang lain) menggunakan aplikasi pembuat /editing gambar, selanjutnya kita dapat merubah format dan ukuran gambar tersebut menggunakan tools online. Cara ini lebih direkomendasikan karena, kita akan memperoleh gambar favicon dengan ukuran dan format yang tepat.

Banyak web site yang menyediakan layanan untuk melakukan hal tersebut, anda dapat memanfaatkan google search engine untuk mencari web site yang menyediakan layanan untuk membuat gambar favicon. Gambar yang sudah kita buat sebelumnya akan diproses sedemikian rupa sehingga menghasilkan format dan ukuran gambar khusus untuk favicon blog.

Misalnya:
Situs web yang akan saya pakai untuk membuat gambar favicon yaitu http://www.favicon.cc/. Proses pembuatan gambar favicon di situs web ini cukup simpel, kita tinggal upload gambar lalu download hasil generate dengan ukuran gambar 16x16 pixel dalam format .ico (favicon.ico)

Cara Membuat Dan Memasang Favicon Blog Di Blogspot Blogger
  1. Setelah selesai membuat gambar logo untuk favicon , jalankan web browser lalu kunjungi alamat situs web http://www.favicon.cc/
  2. Pertama klik pada tombol Import image lalu pada jendela import image klik tombol Browse dan pilih file gambar favicon yang akan kita ubah
  3. Selanjutnya lihat pengaturan di atas tombol upload, pilih keep dimension bila bentuk gambar sudah persegi (bujur sangkar) atau  pilih shrink to square icon  bila bentuk gambar yang kita upload berupa persegi panjang. Setelah itu klik pada tombol Upload
  4. Setelah itu kita akan melihat tampilan gambar ikon pada palet favicon.cc, sampai disini kita sudah berhasil upload gambar yang akan kita ubah format dan ukurannya dalam bentuk favicon.ico. Bila diperlukan silahkan lakukan beberapa polesan pada gambar menggunakan tools yang tersedia
  5. Setelah itu, klik pada tombol Download favicon lalu simpan di hardisk komputer. File hasil download memiliki format favicon.ico dengan ukuran 16x16 pixel (standard gambar favicon)

Install / Pasang Gambar Favicon Di Blog

Setelah selesai membuat gambar/logo favicon blog, selanjutnya kita dapat memasang gambar favicon tersebut di blog untuk mengganti favicon default blogger. Ada dua cara untuk memasang atau install gambar favicon di blog platform blogspot, pertama melalui menu tata letak (layout) di dashboard blogger.com dan yang kedua, kita dapat menggunakan kode html khusus untuk memasang gambar favicon blog.

Cara Membuat Dan Memasang Favicon Blog Di Blogspot Blogger

A. Memasang Favicon Melalui Menu Tata Letak Blogger.com

  1. Jalankan web browser lalu sign in ke blogger.com
  2. Setelah itu, lihat pada menu tata letak di dashboard blog dan klik tombol Edit pada element favicon
  3. Pada jendela konfigurasi ikon favorit (favicon) klik pada tombol Browse lalu pilih gambar logo favicon yang akan kita pasang di blog, terakhir klik pada tombol Simpan
Gunakan ukuran file gambar favicon tidak lebih dari 100kb

B. Memasang Favicon Menggunakan Kode HTML

  1. Pertama upload gambar logo favicon ke google photos atau media penyimpanan awan yang lain
  2. Sign in ke blogger.com, pada dashboard blog, pilih menu tema → edit html
  3. Setelah itu letakan kode html berikut ini di antara kode <head>...</head> : <link href='url file gambar' rel='icon' type='image/x-icon'/>
  4. Terakhir klik pada tombol Simpan
Setelah kita pasang gambar favicon di blogspot, gambar favicon mungkin tidak akan langsung muncul saat itu juga, tidak lama setelahnya kita dapat melihat logo favicon yang baru kita pasang sudah terlihat di addres bar web browser. Sebaiknya gunakan ukuran file yang kecil (di bawah 100kb) saat memasang gambar favicon blog sehingga tidak terlalu membebani loading blog.

Bila anda sudah dapat melihat logo favicon blog, berarti anda telah berhasil memasang gambar favicon dengan baik dan benar. Selanjutnya, kita dapat mengamati gambar favicon tersebut, bila memang kurang cocok atau pas dengan selera, kita dapat menggantinya kapanpun kita mau dengan cara dan proses yang sama untuk membuat dam memasang gambar favicon di blogspot blogger.com.

Mengganti logo blogger.com pada favicon blog sebaiknya kita lakukan untuk identitas blog. Biasanya mereka yang mengunjungi blog/web site akan membuka beberapa tab browser, dengan adanya logo favicon yang unik ini akan memudahkan pengunjung dalam melakukan identifikasi terhadap sebuah blog atau situs web.

Kesimpulan

Gunakanlah gambar favicon yang unik dan belum pernah digunakan oleh situs web atau blog lain. Kita dapat menggunakan simbol, huruf atau gambar benda dengan desain yang unik dan khas. Favicon akan menjadi salah satu element idetitas sebuah blog atau web site. Demikian cara membuat gambar favicon blog di blogspot blogger.


EmoticonEmoticon