Rabu, 05 Oktober 2016

Cara Mengganti favicon Blogger



Favicon atau Favorites icon merupakan icon kecil berukuran 16px persegi yang muncul pada address bar browser, berada tepat sebelum judul halaman blog / website. Penggunaan favicon bertujuan untuk menampilkan identitas sebuah website ketika dibuka dari sebuah browser, sehingga ketika seorang user membuka multitab pada browser, website yang dipasangkan favicon akan mudah dikenali. Contoh penggunaan favicon pada gambar dibawah berikut.

Cara Mengganti favicon Blogger
Favicon adalah icon yang muncul pada address bar browsser
Jika anda membuat blog menggunakan Blogger, blog anda akan memiliki favicon default berupa logo blogger, Mengganti favicon pada blogger sangat disarankan, untuk mempertegas identitas dari blog Anda.

Baca tutorial blogger lainnya, Cara memasang Tombol share pada blog.

 

Cara Mengganti Favicon


Sebelum memulai, persiapkan terlebih dahulu icon yang akan anda gunakan. Biasanya para webmaster menggunakan logo website mereka sebagai favicon.  Buat Ikon dengan ukuran maksimal 50px persegi dengan format gambar .png, background transparant. Selanjutnya upload icon  anda tersebut,  dan copy link sumbernya.

Setelah anda mendapatkan link sumber dari icon, masukkan pada kode dibawah ini, ganti text yang berwarna hijau.

<link href='url-icon-type-png' rel='icon' type='image/x-icon'/>

Contoh kode yang sudah dimasukkan url icon :

<link href='https://3.bp.blogspot.com/-h90UR-OcFP0/V_RYg0gd55I/AAAAAAAAAeg/d0bYF09sQmkHHkb8DTF6JbCDmxfkRmBmACLcB/s1600/faviconlomblog.png' rel='icon' type='image/x-icon'/>

Langkah selanjutnya, copy kode yang sudah lengkap seperti contoh di atas dan masukkan kedalam header blog, diantara tag <head>, </head>.

Cara memasukan kode ke dalam header blog, Login ke Blogger, kemudian buka menu Template + Edit Html, setelah kode template terbuka, gunakan tombol ctrl+f pada keyboard untuk mencari tag <head>. Selanjutnya tempel kode favicon tepat dibawah kode <head>. Klik tombol simpan untuk menyimpan perubahan.

Dimana tempat Upload Icon?


Saya menyarankan anda upload icon yang akan anda gunakan sebagai favicon pada blogger.com. Tapi untuk mengupload gambar pada blogger tidak ada layanan khusus upload, sehingga anda harus mengupload icon tersebut pada postingan terlebih dahullu, kemudian aktifkan mode html untuk mendapatkan link dari icon tersebut.

Penutup: Itu dia tutorial cara memasang favicon pada blogger, jika ada yang masih kurang jelas, silahkan tinggalkan pesan pada kolom komentar. Like halaman  facecbook kami jika anda menukai apa  yang  kaami bagikan di Blgog Lombok blogger ini, terimakasih


Newsletter

Berlangganan artikel terbaru dari blog ini langsung via email.

Masih aktif menulis dibeberapa Blog dan website. Menjadi web designer di Sasambo Desain. Hobi travelling, reading, climbing, camping, hiking, swimming, and boxing

Terimkasih sudah berkunjung ke Lombok Blogger. Budayakan untuk berkomentar yang baik dan sesuai dengan materi postingan, komentar yang terlalu singkat kami anggap Spam dan tidak kami tanggapi
EmoticonEmoticon