Minggu, 15 Agustus 2010

Cara Merubah Logo ( Favicon ) blogger pada blog

3 komentar
            Cara Merubah Logo ( Favicoon ) blogger pada blog. Sebenarnya Sudah banyak dan bukan hal baru lagi postingan yang ngebahas tentang Cara Merubah Logo ( Favicon ) blogger pada blog. Sebab telah lama Blogger.com (blogspot.com) memberikan kebebasan kepada para blogger-nya untuk mengubah favicon-nya masing-masing. tapi gak papa dech klo johan jm ngebahasnya lagi. soalnya ada beberapa teman yang nanyain, jo bagaimana sich Cara Merubah Logo ( Favicoon ) blogger pada blog ???. klo dijelasin kan susah ngerti-nya. ya mending diposting aja, sekalian buat nambah-nambah archive di johan jm hehehe... sambil nyelam minum air dong.??? enak aja ngomong gue minum air gue lagi puasa tau....
perhatikan gambar berikut.


perbandingan 2 buah Favicon (logo) pada blog, Yang mana sebelah kiri  (1) adalah favicon default   (bawaan Dari Blogger) di blogspot dan yang sebelah kanan (2) adalah favicon buatan Johan jm. Bikinnya gampang kok. johan jm akan tunjukkan kepada anda sekalian bagaimana Cara Merubah Logo ( Favicoon ) blogger pada blog. ikuti langkah-langkah berikut.
  1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
  2. Ukuran icon yang saya buat adalah 120 x 150 pixel. klo ukuran sich tergantung anda mau berapa agar terlihat proporsional.
  3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang).
  4. Upload gambar strong penyimpanan image. klo saya upload ke photobucket (gratis) dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di http://i856.photobucket.com/albums/ab127/johanjm/ICON-JJ.gif.
  5. Login ke Dashboard blogger anda, masuk ke menu Layout, Edit HTML
  6. cari code </head> letakknya diatas,
  7. Selipkan syntax berikut : <link href='http://i856.photobucket.com/albums/ab127/johanjm/ICON-JJ.gif' rel='shortcut icon'/> tepat diatas  </head> dibawah juga gk papa (NB: Ganti alamat http://i856.photobucket.com/albums/ab127/johanjm/ICON-JJ.gif sesuai alamat icon anda di strong penyimpanan anda)
  8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai

Silahkan dicoba. Beri tahu saya hasil yang anda buat.
Semoga bermanfaat. Salam Blogger


3 komentar:

Posting Komentar

Berikan Kritik dan saran Anda Mengenai Blog JOHAN JM Setiap Kritik ataupun saranakan anda sangat berarti sekali buat JOHAN JM agar bisa menjadi lebih baik untuk kedepannya. JANGAN SPAM