CARA MEMBUAT DAN MENGGANTI FAVICON DI BLOG

CARA MEMBUAT DAN MENGGANTI FAVICON DI BLOG

Favorit Icon atau yang disingkat Favicon adalah sebuah gambar kecil di address bar. Terletak disebelah kiri nama blog ataupun judul posting blog yang sedang kita buka. favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak dan berwarna orange. Seorang blogger mengganti faviconnya mungkin bisa jadi agar terlihat lebih berkarakter, terlihat beda dan profesional. Dan untuk mengganti favicon tersebut, kami memilki tips dan cara membuat dan mengganti favicon di bawah ini.

CARA MEMBUAT DAN MENGGANTI FAVICON 

Ada 2 cara untuk mengganti favicon, cara pertama ialah secara default dan ini lumayan mudah dilakukan sedangkan cara kedua yaitu dengan membuat favicon secara online kemudian mengupload gambar favicon itu di hosting/tempat penyimpanan image online (misal di google code). Biar sama-sama tahu cara membuat dan mengganti favicon kita intip ke bawah yuk…

CARA PERTAMA 

  1. Buatlah dan Siapkan gambar yang akan dijadikan favicon, persegi bujur sangkar misalnya ukuran 32×32 pixel atau berapapun yang penting harus persegi.
  2. Masuk ke Rancangan > Tata Letak > Lihat ada kata Favicon di atas header, Klik link Edit. mengganti ikon blog
  3. Cari gambar dengan klik Telusuri lalu klik simpan.
  4. Favicon blog sobat sudah berubah. hehehe

CARA KEDUA

  1. Cara membuat dan mengganti favicon yang kedua adalah, anda Masuk ke genfavicon.com atau ke www.favicon.cc
  2. Buat favicon di situ. sebagai contoh saya akan membuat favicon di genfavicon.
  3. Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image
  4. Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.
  5. Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code. upload favicon di google code
  6. Buka Dasbor > Menu Template > edit HTML > centang expand template, cari kode <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode

<b:skin><![CDATA[.  diantara kode biru dibawah.

<link href=’ masukkan alamat tempat hosting favicon ‘ rel=‘shotcut icon’/>

sebagai contoh lihat kode di bawah ini.

<link href=‘http://julak-project.googlecode.com/files/animated_Favicon.gif’ rel=’shotcut icon’/>

<b:skin><![CDATA[

pada kode berwarna merah diatas, adalah alamat menyimpan/hosting gambar favicon blog, Jadi kode yang ditandai warna merah tersebut, berbeda setiap masing-masing blognya.

  1. Jika sudah klik pratinjau, lalu save template. Lihat perubahannya.

Jika teman-teman blogger mau tahu dan belajar html ,silahkan kunjungi belajar HTML5 gratis dan belajar kode HTML dengan cepat dan mudah

Dan demikian adalah cara membuat dan mengganti favicon pada blog, yang bisa teman-teman praktekan. Dengan favicon yang sudah terganti, maka blog anda akan terlihat berbeda dan terlihat lebih profesional, Selamat mencoba dan sukses.

Leave a Reply

Your email address will not be published. Required fields are marked *