Cara membuat Favicon

Favicon adalah gambar kecil di samping kiri address bar. Favicon juga salah satu cara mempercantik blog kita, dan juga bisa jadi logo blog kita. Apakah sobat sekalian sekarang tertarik untuk membuatnya?? Tenang saja bagi yang belum tau Cara membuat Favicon, kali ini ikuti tips dari Om Kempul :

 

1.  Sobat tentuin gambar yang akan di jadikan favicon.
   
   
2. Ubah gambar yang sudah sobat tentuin menjadi icon (.ico). Gunakan Favicon Generator untuk mengubah extensinya menjadi .ico
   
   
3. Tekan tombol Browse, cari lokasi gambar yang akan di pilih.
   
   
4.  Tekan tombol Generate Favicon!
   
   
5.  Klik Click Here to Download Your Favicon!
   
   
6.  Save gambar yang sudah di Generate ke komputer sobat.
   
   
7.  Upload gambar tadi di hostingan, bisa di http://photobucket.com/ atau yang lainya.
   
   
8.  Copy URL gambar sobat. ini contoh URL gambar saya
   
   
   

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibb_p28z9ZXH2ql73zXx3mKwnf6yxcqbKMtoVTbct_glIN1KAja-0kKv0paUw0b7jTIkFlxAGJ6T1lDpCebYZJlTzdI-0CyqoSMPL1rwg9PqAuuQPEi9whMVwhG6xZVizzT3n_S4Les0AS/s320/favicon(3).ico

9.  Sobat ubah alamat URL gambarnya menjadi Seperti ini:
   
   
   

   <link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibb_p28z9ZXH2ql73zXx3mKwnf6yxcqbKMtoVTbct_glIN1KAja-0kKv0paUw0b7jTIkFlxAGJ6T1lDpCebYZJlTzdI-0CyqoSMPL1rwg9PqAuuQPEi9whMVwhG6xZVizzT3n_S4Les0AS/s320/favicon(3).ico"/>
   
   atau bisa juga di ubah seperti berikut:
   
   
   <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibb_p28z9ZXH2ql73zXx3mKwnf6yxcqbKMtoVTbct_glIN1KAja-0kKv0paUw0b7jTIkFlxAGJ6T1lDpCebYZJlTzdI-0CyqoSMPL1rwg9PqAuuQPEi9whMVwhG6xZVizzT3n_S4Les0AS/s320/favicon(3).ico' rel='shortcut icon' type='image/x-icon'/>

10. Login ke blogger
    
    
11.  Klik Tata Letak
    
    
12.  Klik Edit HTML
    
    
13. Klik Download Template Lengkap, biar nanti jika ada kesalahan bisa dikembalikan seperti semula
    
    
14. Cari kode <b:skin><![CDATA[/*
    
    
15.  Paste kode URL gambar sobat yang sudah di edit tadi sebelum kode <b:skin><![CDATA[/*
    
    
16. Atau dengan cara lain, cari kode </head>, Paste kode URL gambar sobat yang sudah di edit tadi persis di atas kode </head>
    
    
17. Klik Simpan Template
    
    
18. Dan rasakan hasilnya . . . Good Luck . . .