Tampilkan postingan dengan label Cara Membuat Favicon. Tampilkan semua postingan
Tampilkan postingan dengan label Cara Membuat Favicon. Tampilkan semua postingan

Kamis, 09 Agustus 2012

Cara Membuat Favicon


Cara Membuat Favicon | Tips Blogspot

Favicon adalah gambar icon kecil yang berada di samping alamat blog atau website anda. Apabila anda membuat blog di Blogger alias blogspot, maka favicon yang berada di samping alamat URL anda adalah berupa favicon blogger.  Apakah favicon tersebut bisa di ganti dengan favicon milik anda? Jawabannya BISA ( wah anda pasti seneng mendengar nya ). Berikut langkah - langkah mengganti favicon seperti berikut :
  1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon ( ukuran 32x32 ). membuatnya terserah anda di Adobe, Corel dan lain -lain lalu simpan dengan format gif, jpg, png, dan bmp (pilih salah satu). Selanjutnya anda harus ubah gambar tersebut kedalam bentuk gambar icon. caranya anda bisa menggunakan tool Favicon Generator.
  2. Silahkan kunjungi situs Favicongenerator ]>>
  3. Klik pada tombol Browse, Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
  4. Klik pada tombol Generate Favicon. Setelah proses pengubahan iconnya selesai, anda klik pada Click Here to Download your favicon.
  5. Save ke komputer anda. 
  6. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gambar  ke Fileave ]>>.  
  7. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. contoh, saya mempunyai sebuah alamat URL seperti ini : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVxZW-_vU0WnBT3kuo5q3x8ASAHkUb5zrcIZj7Up2RTqSDkUNX-qmk1AtsvouFvmU43f2QYvo9DEt0OmLet90fw1LFRhKkTLMehDAdxSwEQYnSCwnM4RfusgISdDZ86F-ZV2DJo5ZcLcg/s1600/www.kolombloggratis.blogspot.png
  8. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
  9. Klik pada Tata Letak.
  10. Klik Edit HTML
  11. Cari kode ]]></b:skin> ( Untuk Mempermudah mencarinya tekan Tombol F3.
  12. Simpan kode favicon anda persis dibawah kode ]]></b:skin>  
  13. Agar mudah saya kasih contohnya saja dech :
  14. ]]></b:skin> 
    <link href=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVxZW-_vU0WnBT3kuo5q3x8ASAHkUb5zrcIZj7Up2RTqSDkUNX-qmk1AtsvouFvmU43f2QYvo9DEt0OmLet90fw1LFRhKkTLMehDAdxSwEQYnSCwnM4RfusgISdDZ86F-ZV2DJo5ZcLcg/s1600/www.kolombloggratis.blogspot.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
    Keterangan : Ganti URL yang berwarna Biru dengan URL gambar Anda.
  15. Klik tombol Simpan Template. Udah dulu ya friend ( udah di coba pa belum )
  16. Friend jangan lupa  tambahkan Jaringan Temanmu ( follow up me ).