Tuesday, March 22, 2011

Trik Cara Mengganti Favicon Pada Blog Blogger

Trik Bloggerbugis kali ini adalah cara mengganti Favicon blog blogger. Sebenarnya sudah banyak blogger yang membuat artikel tentang cara tutorial mengganti Favicon Blog. Tapi saya rasa tidak ada salahnya untuk membuat tutorial mengganti Favicon di blog ini, soalnya semakin hari semakin banyak orang yang membuat blog dan tentunya membutuhkan banyak tutorial untuk mengedit template blognya. Salah satunya ya... mengganti Favicon blog. Selain itu, saya hanya punya sedikit waktu untuk mengupdate artikel blog BLOGGERBUGIS, jadi saya pilih saja menulis tutorial yang singkat demi blog saya yang lebih lebih  akrab dengan mesin pencari.

Blog Favicon eh.. Favicon Blog (Bagi yang belum tahu) adalah Gambar atau icon kecil yang berada pada samping alamat blog. Gambar ini bisa berupa foto pemilik blog, bisa juga berupa logo. Baik yang berekstensi dot ico, jpg, png, tiff, ataupun jenis gambar lainnya.
Untuk lebih jelasnya, perhatikan contoh Favicon Blog pada gambar di bawah ini :



Semua yang diberi lingkaran merah adalah gambar Favicon pada masing - masing situs / blog.
Secara default, saat membuat Blog di Blogspot, gambar Favicon Blog berupa gambar huruf B seperti yang terlihat pada gambar diatas. Perhatikan lingkaran merah yang kedua dari kiri.

Haruskah kita "Mengganti Favicon Blog pada Blog" ?
Saya tidak tahu bagaimana menurut anda, tapi menurut saya, mengganti Favicon Blog itu sangat penting. Alasannya.....
Favicon Blog merupakan Ciri Khas, Logo, Lambang, atau sejenisnya pada sebuah Blog. Kadang kita mengenali sebuah blog hanya dengan mengingat Favicon Blognya.

Mau mengganti Favicon blog anda ??? simak cara membuat / mengganti Favicon berikut ini.

Peratama tama, anda harus membuat Gambar Favicon anda dengan ukuran 100px X 100px, atau 24px X 24px agar lebih ringan (yang penting jangan ditambah batu). Bisa dilakukan di Corel Draw, Photoshop, atau software edit gambar yang anda kuasai. Tapi kalau anda tidak menguasai software edit gambar apapun, anda bisa membuat gambar Favicon anda di http://www.favicongenerator.com.

Jika sudah punya gambarnya, silahkan upload gambar anda ke image hosting anda. Tidak punya Image Hosting ??? Pakai saja PICASA WEB ALBUM. Ruang penyimpanan besar, Ringan, dan yang paling penting GRATISSS hehe... Kalau sudah, lakukan langkah seribu berikut:

  • Seperti biasa, masuk dulu ke akun Blog anda.
  • Pada halaman Dasbor, klik "RANCANGAN".
  • Selanjutnya, pada halaman rancangan klik "EDIT HTML".
  • Cari kode </head> pada template Blog anda. Tekan F3 untuk melakukan pencarian cepat.
  • COPAS / simpan kode FAVICON berikut DI ATAS kode </head>

<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLdzgF503xVpGt21L7KBJ0przNdO145LKAJ3r9BuTlWQhipL9C3P8wKPFXzQm8EoVYRqYVlvmA-fn4ukcVJFLnJssjNFIsGFsTU6JoTd9nJ3UgX4Rv1W73jBKI_xvWBAuzeNhPCTcxSqyl/"/>

  • Klik "PRATINJAU" untuk melihat hasilnya. Kalau sudah sesuai dengan harapan anda, klik "SIMPAN TEMPLATE".
  • Selesai...

Catatan :
Kode yang berwarna merah adalah URL Favicon Firefox yang saya buat di  FAVICON GENERATOR. Silahkan ganti kode yang berwarna merah dengan URL gambar atau Favicon anda. (kalau pakai Favicon firefox tsb juga boleh...)

Selamat mecoba.....

0 comments:

Post a Comment