Cara Buat icon favicon di blog

Sekarang akan membahas, bagaimana membuat dan memasanga favicon.ico yang berada pada disamping kiri pada blog atau website kita. sebelumnya kita harus tau favicon itu, yaitu favourite icon kecil biasanya yang dipakai ukuran 16 x 16 kalau untuk di blog atau website tergantung kemantapan seseorang.

Bagaimana membuatnya, kalau kita meles membuatnya atau gak bisa desain kayak saya he he.langsung ja donloat banyak kok tinggal searching di mbah google tinggal tulis keywordnya .ico pasti ketemu.

kalau ingin buat sendiri atau sudah punya dalam bentuk JPG, tinggal ganti aja formatnya dari JPG ke PNG. cara mudah merubahnya tinggal buka paint copy paste file JPG tersebut, kalau udah tinggal save as ganti save typenya ke PNG.


kalau udah punya gambar berekstension PNG maka tinggal masuk kesini nah gunanya untuk merubah file yang bentuknya PNG ke ICO. kalau sudah masuk ke websitenya langsung klik browse terus cari dimana icon tersebut disimpan, terus klik upload it! tunggu sebentar, kalau sudah selesai tinggal pilih generate it untuk disimpan ke komputer kita.

langkah selanjutnya ada harus upload icon tersebut ke hosting misal ke geocitis atau googlepages
disini saya pakai googlepages jadi hasil seperti ini setelah di upload "
http://rahmadie87.googlepages.com/favicon.ico "
nah sekarang gimana memesanganya, pada awal kita buat blog pasti sudah ditentuin atau defaultnya sudah ada seperti gambar ini :


setelah di rubah seperti ini :

cara merubahanya ikuti langkah berikut :

  1. login dulu ke blog atu disini
  2. masuk ke tata letak pilih edit HTML
  3. jangan lupa di download dulu biar kalau nanti ada kesalahan biar ngak terlalu pusing cari mana yang salah
  4. lalu ceklist kotak kecil yanga ada di sebelah kiri
  5. copy alamat file favicon yang sudah di upload tadi hasilnya seperti ini
    " http://rahmadie87.googlepages.com/favicon.ico "
  6. anda harus tambahin script hasilnya seperti ini
    "<link href='http://rahmadie87.googlepages.com/favicon.ico' rel='shotcut icon'/>"
  7. cari </head> di blog Anda biar mudah mencari nya dengan tekan ctrl+F ketik di situ </head>
  8. kalau sudah ketemu copy file yang no. 6 diatas kode </head>
  9. klik tombol simpan template
  10. sekarang sudah jadi membuat favicon kalau gak muncul coba di teliti lagi kalau gak direfresh blognya .



Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Ahmad Alfalasany - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger