Cara Membuat dan Memasang Favicon pada blog

Favicon adalah gambar kecil di samping addres bar browser. Contohnya bisa dilhat pada gambar di atas. Tetapi, pada gambar di atas adalah favicon default dari blogger sedangkan yang dibawah adalah favicon yang sudah diubah. Tetapi jangan khawatir favicon defaul Anda tersebut juga dapat Anda ganti sesuai dengan selera Anda.

Pertama yang harus dilakukan dalam membuat favicon blog yaitu membuat sendiri gambar sesuai keiginan kita untuk nantinya kita gunakan sebagai favicon. Gunakan saja aplikasi pembuat gambar photoshop tau bila tidak ada paint juga bisa. Gambarnya yang dibuat jangan terlalu besar karena dapat membuat favicon tidak terlihat sempurnah. Setelah gambar selesai, simpan gambar yang Anda telah buat. Nah selanjutnya kita akan mengupload favicon kita pada hosting penyedia favicon. Salah satu hosting favicon yang aku gunakan yaitu www.iconj.com. Untuk memulai menghosting di www.iconj.com, ikuti langkah-langkah berikut:

1. Klik alamat ini http://www.iconj.com
2. Pada kanan sidebar situs iconj, terdapat sebuah form. Klik Telusuri
3. Cari  gambar yang telah Anda buat tadi, lalu klik 2x gambar tersebut
4. Pada Select Sharpen Level (Pilih ketajaman gambarnya) pada tutor ini aku tidak menggunakan sharpen level. Setelah itu Klik Upload Now   
Tunggu beberapa menit, setelah upload selesai lihat pada bagian Host it at iconj.com ( Direct Link ), Copy kode yang tertera. Kode tersebut adalah kode faviconnya.
Contoh kode faviconnya seperti ini :

<link rel="shortcut icon" href="http://www.iconj.com/ico/3/7/37vnaxjn9v.ico" type="image/x-icon" />


Bagi Anda yang tidak suka dengan Design Favicon yang Anda buat, jangan khawatir Anda dapat memilih sendiri Favicon yang telah disediakan oleh IconJ. Tinggal memilih sesuai selera, ada yang static adapula dinamic (bergerak biasanya ber-extention .gif). Setelah itu copy kode faviconnya.


Langkah-langkah untuk memasang pada Blog
  1. Login Ke Blogger
  2. Cari dan klik menu Rancangan
  3. Klik (pilih) Edit HTML 
  4. Jangan lupa centang expand template widget
  5. Cari kode  </head>
  6. Pastekan kode favicon tadi di bawah kode </head>
  7. Simpan template dan lihat blog Anda
Semoga Tutorial ini bermamfaat, selamat mencoba semoga berhasil.
*****

0 komentar:

Posting Komentar

Berilah komentar dengan bijak, saling menghargai itu baik.