News
Loading...

Cara Pasang Favicon

“Apa sih Favicon itu?”

“Favicon adalah singkatan dari Favorite Icon.”

“Oh… Favorite Icon ya…?”

“Betul.”

“Ya ya…”

“…”

“….”

“Ada lagi yang ingin ditanyakan?”

“Apa itu Favorite Icon?”

“….”


Favicon adalah gambar kecil yang tampil pada tab browser atau di tampil di depan url pada kolom address pada browser anda. Untuk mendapatkan jati diri, memperkenalkan situs supaya lebih unik atau cuma karena sudah bosan dengan ikon blogger (huruf b warna putih dengan background oranye) yang muncul di semua blog keluaran blogspot, anda bisa menggunakan favicon. Cara untuk menggantinya mudah sekali kok. Siapkan piring anda. :D

Cara Pasang Favicon
Cara Kreatif:

Pertama tentunya anda harus menyiapkan gambar anda, format boleh apa saja mulai dari jpeg, gif sampai png (format yang biasa digunakan untuk icon adalah .ico). Nah setelah gambar siap, kini yang jadi masalah adalah ukurannya. Kalau memiliki niat yang sudah di ubun-ubun dan tekad yang bulat , maka anda bisa menyiapkan image editor anda dan melukis atau menulis gambar favicon anda (pakai resolusi kecil untuk hasil akhir terbaik – sekitar 16x16px).

Tapi kalau anda sangat-sangat menyukai sebuah gambar dan mengalami kesulitan meredusi ukurannya, manfaatkan beberapa link berikut – mereka akan mengecilkan ukuran gambar sekaligus merubah format gambarnya ke .ico untuk anda:
  • http://www.favicon.cc/
  • http://tools.dynamicdrive.com/favicon/
  • http://www.favicongenerator.com/
  • http://www.htmlkit.com/services/favicon/
  • http://www.degraeve.com/favicon/
  • http://www.favicon.co.uk/
  • http://www.prodraw.net/favicon/index.php
Kok cuma tujuh aja nih? Yang lainnya sih banyak, anda tinggal cari saja di search engine, kan?

Setelah gambar siap, upload ke hosting gambar gratis. Ada banyak kok, misalnya photobucket atau imageshack. Ambil direct link ke gambar yang sudah anda upload.

Langkah berikutnya adalah tancap gas ke dashboard Blogspot anda. Masuk ke menu Layout atau Tata Letak. Pilih Edit HTML. Lirik kode-kode yang muncul, jangan takut, mereka tidak akan menggigit anda. Masukkan kode berikut di antara tag <head> dan </head> (saya biasa meletakkan sebelum tag </head> atau di bawah <title><data :blog.pageTitle/></title>).

Kode Favicon:
<link rel="shortcut icon" href="direct_link_gambar_anda_tadi.jpg" />

Selesai? Simpan perubahan yang anda lakukan. Refresh blog anda dan taraaaa… favicon sudah mejeng.

Cara Jalan Pintas:

Oke, anda adalah orang supersibuk yang siang ini harus terbang ke Singapura untuk bertemu client dan malam nanti ada meeting di Arab Saudi. Anda tidak sempat membuat favicon sendiri. Atau anda benar-benar tidak tahu bagaimana menggunakan image editor. Santai saja, internet menyediakan segalanya. Di lokasi berikut anda bisa mendownload atau mendapatkan pencerahan pilihan favicon yang sesuai dengan situs anda.
  1. http://www.iconj.com
  2. http://www.freshfavicon.com/
  3. http://favicon-generator.org/gallery/
  4. http://mppierce66.home.comcast.net/~mppierce66/web/fi/
  5. http://www.fineicons.com/en/favicon-gallery
  6. http://blog.econsultant.com/favicon-gallery-index
  7. http://thefavicongallery.com/
Yah? Kok tujuh lagi? Habis saya suka angka tujuh. Hehehe…


Semoga Berhasil. ;)

Share on Google Plus
    Blogger Comment
    Facebook Comment

0 komentar :

Posting Komentar