Friday, 20 January 2012

Cara Membuat dan Mengganti Icon (Favicon) Blog

Advertisement

Bingung mo nulis apa neh, akhirnya posting tentang cara membuat dan mengganti icon (favicon) blog ini hehehe... Mungkin sobat blogger lagi bosen dengan icon bawaan blogger atau blogspot yang berbentuk huruf B, nah biar gag bosen mendingan sobat bikin icon (favicon) sendiri deh, plus memasang icon tersebut di blog sobat sehingga bisa tampil di address bar.

Membuat icon dengan tools online


Sebelum kita mengganti icon blog tentunya harus ada icon yang akan dipasang di blog kita nanti kan? Nah supaya lebih mudah sobat bisa menggunakan beberapa tools online untuk membuat animasi text (font), logo, animator, dll. Berikut ini layanan online yang bisa membantu sobat untuk membuat icon (favicon) blog :


  • www.textspace.net

  • www.flamingtext.com

  • cooltext.com

  • www.simwebsol.com

  • www.logomatik.net

Gimana? cukup banyak kan tool untuk membuat icon (favicon) yang akan dipasang di blog sobat? Pilih-pilih ajah sesuka hati dan sesuai selera hehehe...


Mengganti ekstensi file


Setelah sobat membuat icon blog sekarang saatnya untuk memasang icon tersebut, caranya cukup mudah kok. Tapi sebelum kita memasang icon, file gambar yang sobat buat tadi masih berupa *.jpg atau *.gif padahal untuk mengganti favicon dibutuhkan file *.ico, tenang lagi-lagi kita akan menggunakan tool online yaitu http://www.icoconverter.com/


Mengganti icon (favicon) blog


Ikuti langkah-langkah berikut:

  • Biasa login dulu ke blogger.

  • Pilih Rancangan (Design) > Elemen Halaman (Page Element) > Favicon (Edit).

  • Setelah itu save.

Apakah sudah selesai? belum sob, untuk segera menampilkannya pada address bar sobat harus edit html templatenya, oia pastikan sobat sudah mengupload iconnya. Cari kode </head> dan letakkan kode berikut
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlXPVsTFMLg5fT8t67Y8enVnhZXXKbO4u0GkLe33RY7B09OFwju51Iw-6ZHcbRztd3J5ouj1O9eeo5MA-vp9ntvyIMvV-ooYYjHKNPLnh5oIsYyIcd6WUJYE6MR-M4a1YuT-UcLesydRbZ/s320/favicon.ico' rel='icon' type='image/x-icon'/>



Ganti alamat penyimpanan icon (favicon) diatas sesuai icon blog sobat. Selesai deh membuat dan mengganti icon (favicon) blog, sekarang blog sobat memiliki ciri khas tersendiri. Selain mengganti icon, sobat juga bisa mempercantik blog sobat dengan mengganti kursor blog dengan gambar atau animasi.

Selamat mencoba :)


EmoticonEmoticon