Cara Mengganti Logo Favicon Blog pada Browser ~ Helmi Syafrizal

Nov 20, 2014

Cara Mengganti Logo Favicon Blog pada Browser

November 20, 2014 Web No comments

Favicon hampir serupa dengan sebuah logo. Favicon adalah icon atau gambar yang menjadi sebuah ciri khas dari setiap situs yang muncul pada tab browser. Logo Favicon ini pada blog diiniliasasikan sebagai bentuk lambang dari nama sebuah website. Untuk anda yang belum mengganti favicon ini, yuk ikuti cara mudah membuat favicon logo di blog.

Setelah di postingan sebelumnya Media Blogger mengulas Cara Membuat Menu Bootstrap pada Blogspot, melangkah ke bagian Tutorial Blogger selanjutnya yaitu mengenai icon di blog. Sebelum melangkah ke cara pemasangannya, secara berurutan dan terperinci kita buat dulu favicon ini.

Untuk membuatnya kita dapat menggunakan gambar dalam format PNG,JPEG etc. atau bisa juga dengan sebuah logo .ICO. Bagaimana caranya? Liat dulu contoh gambar favicon berikut :

Cara Membuat Logo :

1. Untuk membuatnya caranya mudah, pertama kita install terlebih dahulu program untuk membuat logo.

Anda bisa mendownloadnya disini.

2. Disana terdapat design, serta fasilitas yang tersedia yang akan mempermudah proses membuat logonya.

Pokoknya mudah deh ukurannya softwarenya juga kecil.

Cara Membuat Gambar untuk Logo :

1. Persiapkan terlebih dahulu ukuran untuk dijadikan favicon di blogger yaitu 53x53 pixels.

2. Buat icon tersebut sesuai dengan ciri khas blog anda.

3. Simpan gambar.

Setelah gambar image / icon logo tadi sudah jadi serta siap dipakai, langkah selanjutnya adalah mengupload hasil karya anda tersebut. Lalu ambil deh URL Link yang diupload tadi.

Cara Upload gambar dapat melalui media hosting, website, dan bisa juga melalui blog kita sendiri. Bisa di upload di Photobucket.com . Kalau upload di blog caranya cukup masuk ke menu Posting. Masukkan gambar / logo yang ingin diupload. Ambil url nya di bagian kiri atas sebelah Kotak Judul Posting, ada Compose dan HTML. Klik HTML.

Langkah terakhir, adalah memasangnya ke dalam Edit HTML Template blog.

Masukkan kode di bawah ini di dalam meta tag anda atau di bawah kode <b:include data='blog' name='all-head-content'/> bisa juga taruh di bawah <head>

<link href='http://1bp.blogspot.com/images/RP%20Logo%20Square%20.25x2400.jpg' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Ganti kode warna merah dengan url link gambar anda yang telah diupload tadi.
Simpan Template.

Kode script type='image/vnd.microsoft.icon' adalah agar logo favicon dapat muncul di semua browser. Baik itu browser Google Chrome, Mozilla Firefox, Safari, Opera Mini, dan lain sebagainya.

Demikian lah cara mengganti logo favicon blog pada browser. Panduan Cara Membuat Halaman Blog dengan Mudah dapat anda baca sebagai referensi pengetahuan anda.

Kalau mau bikin sendiri bisa disini Cick Here, tapi kalau bingung ataupun malas untuk mencari gambar icon, ini sekalian URL link gambar yang siap pakai.
kumpulan favicon untuk blogger