CARA MENGGUNAKAN FAVICON

Sekilas saja saya ingin menyampaikan tentang pengertian dari favicon itu sendiri, jika kebetulan saja ada yang berkunjung dan membaca artikel tentang favicon ini, terus kebetulan juga belum kenal dengan yang namanya Favicon. Memang akan terasa asing dan bahkan akan sulit untuk diterapkan jika kita tidak tau pengertian ataupun kegunaan dari favicon.

>>>

Langsung saja saya jelaskan, Favicon atau Favorite Icon adalah satu icon atau gambar kecil yang digunakan untuk menggambarkan Identitas atau logo dari suatu situs. Letaknya berada disamping kiri halaman blog/web, icon kecil yang terletak di samping suatu bar halaman/URL web/blog. Sebagai contoh bisa dilihat diatas, adrress bar milik saya, memakai icon/gambar Sasuke (Tokoh Kartun Naruto). Gambar tersebut bisa diganti sesuai keinginan kita, atau jika memiliki suatu gambar yang menjadi lambang dari web/blog kita, disanalah untuk meletakkan logo situs kita.

Berikut langkang-langkah cara membuatnya:
1. Siapkan gambar yang akang dijadikan favicon terlebih dahulu, bisa gamabar yang sudah ada ataupun bisa mendadak buat sendiri. Lalu rubah ukuran dari gambar itu menjadi ukuran 16 x 16 px (pixel), untuk merubahnya bisa pakai Paint atau Photo Shop jika yang mahir utak-atik gambar.
2. Setelah beres merubah ukuran gambar, langsung saja simpan dengan nama favicon, bisa dalam format, *jpg, *gif, *png, ataupun *bmp.
3. Berikutnya merubah format gambar yang sudah kita buat tadi kedalam format ico. Dan itu bisa kita lakukan dengan mengunjungi situs ini http://tools.dynamicdrive.com/favicon/, dan langsung mengupload gambar yang sudah kita buat tadi.

  • Klik tab yang diberi tanda merah, lalu cari gambar yang akan dibuat favicon tadi.
  • Setelah gambar dimasukan, langsung klik tab Create Icon dan lihat hasil gambar yang telah kita upload tadi.
  • Lalu klik tab Download Favicon yang berada persis dibawahnya.

4. Setelah beres menyimpan gambar tadi, langkah berikutnya menyimpan gambar tersebut di hostingan milik kita. Bagi yang memiliki email di google, kita bisa langsung memanfaatkan fasilitas yang Google sediakan, yaitu Google Creator atau di Yahoo Geocities
Kalau sudah sampai disana, langsung saja upload favicon yang telah kita buat tadi kedalam hostingan google ini. Berikutnya, kalau sudah berhasil di upload, ambil url gambar tersebut dengan cara. Klik kanan pada gambar gambar tersebut, lalu klik Copy Link Location

5. Tinggal kita memasukannya pada halaman html blog miliki kita. Copy code dibawah ini

<LINK REL="SHORTCUT ICON" HREF="url gambar"/>

Ubah nama “url gambar” dengan alamat url favicon kita, atau yang tadi sudah kita copy dari Googe Pages Creator.
Simpan kode tersebut persis dibawah kode<HEAD>, dan akan terlihat sepert i ini

<head>

<LINK REL="SHORTCUT ICON" HREF="url gambar"/>

6. Langkah terakhir, klik tab Preview sebelum di simpan, kalau sudah cocok tinggal klik tab Simpan

Semoga Informasi ini bisa bermanfaat, dan semoga mudah untuk diikuti.

Sumber: http://mak-tekaje.blogspot.com

 

Share on Facebook
December 25, 2008 · Posted in INTERNET  
    

Comments

5 Responses to “CARA MENGGUNAKAN FAVICON”

  1. teessurbelm on January 31st, 2009 15:21

    health stop brookline massachusetts http://pharmacylegal.info/product/biaxin.html andy muscle godesses [url=http://pharmacylegal.info/product/imdur.html ]ruth blood [/url] burning breast symptom
    http://pharmacylegal.info/category/stop-smoking.html henri perensprofessor of psychiatry at jefferson medical college [url=http://pharmacylegal.info/category/men-s-health.html ]nsw anxiety disorder clinic [/url] diabetic food gifts

  2. order_acomplia on February 4th, 2009 20:40

    americam heart foundation Order Cytoxan washington state inpatient drug rehab facilites Order Valtrex diabetes herbal medicine
    passing saliva drug test Order Lioresal drug seminar joppa Order Nimotop cholesterol shrimp

  3. Music_Mp3_nisfiebyHef on February 5th, 2009 17:44

    Hello to all :) I can’t understand how to add your site in my rss reader. Help me, please

  4. Imassalphak on February 19th, 2009 18:39

    pictures from police academy movie Una Cenicienta Modern road morocco movie photos http://worldmovs.co.cc/full_version-reincarnation/11067database/ dvd movie database
    bourne ultimatum movie The Generals Daughter free movie galleries http://www.indianpad.com/user/dvdmoviestop cadillac cts movie override pressing buttons
    naperville movie theater Buck Rogers in the 25th Century latin virgins 2 movie movie a man in the military falls in love with a trannsexual movie casper
    blu e the porn movie Mark Borchardt – Coven art movie poster vintage http://worldmovs.co.cc/full_version-children-of-the-corn/22084database/ music from the movie halloween
    cantonese sex movie http://moviesman.livejournal.com/1563.html watch movie rent online http://worldmovs.co.cc/full_version-elizabeth-the-golden-age/8390database/ superbad movie online

  5. fngkfryy on December 30th, 2009 15:50

    fngkfryy…

    fngkfryy…

Leave a Reply

You must be logged in to post a comment.