Get Adobe Flash player

Membuat Favicon pada Blogspot

Favicon merupakan singkatan dari Favorite Icon. Favicon ini biasa digunakan pada suatu website sebagai simbol yang muncul diatas address bar sebelah kiri pada suatu browser. Hal ini bisa membuat website kita lebih menarik dan menghilangkan kesan blog biasa. Favicon itu sendiri memiliki ukuran yang sangat kecil, yakni 16 x 16 pixel dan 32 x 32 pixel.

Pada blogspot kita bisa mengganti simbol "B" yang muncul disebelah kiri atas jendela browser dengan favicon yang kita buat sendiri. Untuk membuat favicon kita bisa menggunakan program Photoshop untuk mendesainnya.

Langkah pertama yang harus kita lakukan adalah sebagai berikut :
  1. Buatlah lembar kerja baru pada Photoshop dengan ukuran Width 16 pixel dan Hight = 16 pixel.
  2. Kreasikan ide anda untuk membuat suatu simbol yang nantinya akan dijadikan sebagai favicon. Usahakan favicon tersebut anda sesuaikan dengan thema blog anda agar kelihatan serasi. 
  3. Simpan file tersebut dalam bentuk .jpg atau .gif dengan cara klik menu File - Save for Web - pilih gif atau jpg - lalu klik Save. 
Setelah kita membuat simbol dari Photoshop, langkah selanjutnya adalah merubah extensi .jpg atau .gif menjadi .ico. Langkah tersebut bisa anda lakukan dengan menggunakan software ico converter. Apabila anda tidak memiliki software tersebut, anda bisa melakukanya dengan cara sebagai berikut :
  1. Kunjungi situs www.favicon.cc. Situs tersebut merupakan situ layanan pembuat favicon gratis. 
  2. Daftarlah pada situs tersebut dengan dengan mengklik tombo Register. Hal ini dilakukan agar nantinya kita tanpa perlu meng-upload favicon yang telah kita buat dari Photoshop tadi.
  3. Setelah mendaftar dan mendapatkan konfirmasi dari situs tesebut, silahkan anda login terlebih dahulu. 
  4. Pada member area, klik menu Import Image - Chose File - Upload. Dengan melakukan langkah tersebut berarti kita sudah berhasil meng-upload simbol favicon kita. 
  5. Selanjutnya klik menu Publish under an open license yang terletak di bagian bawah. Berilah diskripsi tentang simbol anda kemudian tekan OK.
  6. Klik gambar yang telah telah kita upload tadi maka akan muncul keterangan dibawahnya. 
  7. Copy kode yang paling bawah yang nantinya kita letakkan pada template website kita. 
Sampai disini langkah kita dalam membuat favicon sudah berhasil. Saatnya kita menempatkan code yang telah kita copy tadi kedalam template website kita dengan langkah sebagai berikut : 
  1. Masuklah pada Dasbor blog anda dan pilih menu Rancangan.
  2. Pilih Edit HTML dan jangan lupa mencentang Expand Template Widget. 
  3. Letakkan code yang kita copy tadi diantara <head> .... </head> dan lihatlah Pratinjau-nya. 
  4. Jika pada tampilan Pratinjau simbol anda sudah muncul pada bagian kiri atas berarti pemasangan favicon pada website anda sudah berhasil. 
Langkah tersebut juga bisa diterapkan pada semua website yang anda miliki. Dan saya ucapkan selamat kepada anda yang telah berhasil membuat favicon hasil karya anda sendiri. 

1 komentar

  1. Tashya Winahyu  

    11 Januari 2011 19.48

    thanks infonya :) by the way, tinggalin aku comment juga dong

Related Posts Plugin for WordPress, Blogger...


Rekomendasi Bisnis

  • PT. Technopreneur Indonesia
  • Cari Jodoh
  • Bisnis Modal Ringan