Minggu, 08 Mei 2011

Cara mengubah gambar favicon

     Apa sih Favicon itu? Favicon singkatan Favorite Icon, yang biasanya digunakan untuk logo website/blog dan tempatnya disamping alamat web tersebut. Jika kalian punya web/blog tapi favicon tersebut sama dengan web/blog yang lain kan nggak enak. Makanya buat favicon sendiri, caranya buat gambar favicon kamu sendiri, kalau sudah simpan dalam format PNG dan transparent background. Kenapa backgroundnya harus transparan? Karena jika favicon kamu berbentuk bentuk selain persegi akan terasa jelek. Contohnya, dulu blog saya berfavicon Blogger (kiri) lalu saya ganti favicon saya sendiri Bn (kanan)
 














    Lanjut ke persoalan yang tadi, jika kita ingin mengganti favicon, favicon kita harus benar-benar menarik dan bersih. Kenapa harus menarik dan bersih??? Bingung???
Sekarang coba perhatikan gambar dibawah ini, warna disekitar favicon masih terlihat, alias jelek.

 















Sedangkan gambar dibawah ini warna disekitar faviconnya tidak terlihat/bening, alias bersih dan menarik.
















Cara mengganti favicon di blogger.com
1. Buka dasbor blog kamu kalau nggak tau buka aja langsung www.blogger.com> rancangan> edit HTML> cari kata </head> dengan cara klik F3 lalu masukkan kata </head>
2. Copykan tulisan ini <link href='http://1.bp.blogspot.com/.png' rel='shortcut icon'/> diatas kata </head> tadi, tulisan yang berwarna biru tersebut merupakan link dari gambar favicon kamu. Misalnya, link favicon saya https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0FqzigX-3CzaqWuT93FEmaJSAwiV2pTLgDZhScCFhbrqiMDxE3in0izSrIeWMR-OtB6od3J4Vt4huptDH9oMXzhcDmtlgwpx64abds_f6AGXxPD4lqtWAL-JyNhOSNwJRfeFZF9qPzEM/s1600/LP.png kemudian sisipkan link tersebut dikode yang saya berikan tadi, dan akan menjadi seperti ini <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0FqzigX-3CzaqWuT93FEmaJSAwiV2pTLgDZhScCFhbrqiMDxE3in0izSrIeWMR-OtB6od3J4Vt4huptDH9oMXzhcDmtlgwpx64abds_f6AGXxPD4lqtWAL-JyNhOSNwJRfeFZF9qPzEM/s1600/LP.png' rel='shortcut icon'/>
3. Simpan template dan refresh blog kamu.

(CATATAN: gambar favicon yang kamu buat bisa kamu upload dulu di Flickr atau Google. Kalau masih bingung/nggak bisa, buat aja blog baru dan upload gambar favicon kamu di entri baru, lalu klik gambar tadi dan link favicon kamu akan muncul diatas.)
(CATATAN: kode yang tadi saya berikan pokoknya dicopy diatas tulisan </head>)

Terima kasih atas kunjunganya... Apabila ada pertanyaan monggo dikomen...

3 komentar:

  1. GOOD BUDDY..
    SALAM KENAL..
    YANG MUDA YANG BERKARYA..
    KUNJUNGI JG BLOG SAYA YA..
    MOHON TUNJUK AJAR.. MAKLUM PEMULA..:)
    PERTANYAAN:
    1.GIMANA SIH CARA MEMBUAT KATEGORI.
    2.GIMANA CARA MEMBUAT GAMBAR "FUN SHOW" BERGANTI-GANTI?
    3.SPONSOR KMU TERMASUK GOOGLE ADSENSE NGA SIH.. ADA KOMISINYA NGA? TRUS GIMANA CARA NGE ADD NYA?

    BalasHapus
  2. Bung knpa y blog lo kren gi mna sih cara rancang nya?

    BalasHapus