Minggu, 11 April 2010

Mengganti logo Blogger ( favicon)

Anda pasti juga ingin mengganti icon logo Blogger seperti yang nampak pada gambar disamping ini.
Icon tersebut namanya favicon, berupa ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab. Secara default favicon blogger adalah simbol B dengan background orange.

Favicon tersebut dapat anda ganti dengan ikon anda sendiri, cara membuat favicon yang paling mudah untuk menampilkannya di blog adalah :
  1. Cari gambaran untuk favicon anda, usahakam bukan foto karena gambar tersebut akan sangat kecil sekali apabila terlalu banyak detail maka ngak akan terlihat. Anda dapat pula membuatnya dengan software grafis, seperti Adobe Photoshop, CorelDraw, atau software grafis lainnya.
  2. Buat gambar calon icon tersebut berukuran kotak / sama sisi misalkan 50x50 pixel dengan photoshop dengan resolusi cukup 72
  3. Lalu simpanlah dengan nama favicon ke gif, png atau jpg contoh ( favicon.jpg )
  4. Lalu upload file tersebut ke website FavIcon from Pics http://www.html-kit.com/favicon tenekan Browse, ambil gambar yang kamu siapkan dari harddisk kamu. Lalu klik tombol "Generate Favicon.ico" seperti tampak pada gambar dibawah ini
  5. Kemudian akan tampil halaman baru dimana anda dapat menambahkan efek animasi dan lain sebagainya seperti dibawah ini
  6. Kemudian download favicon yang dihasilkan dengan mengklik tombol "Download Favicon Package".
  7. Extract file zip yang dihasilkan. Lalu upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Photobucket.
  8. Copylah kode yang dihasilkan pada direc link seperti pada gambar dibawah ini
  9. Buka program notepad pada window, buatlah script seperti gambar dibawah ini, lalu paste alamat direct link yang anda copy dari photobucket anda tadi ke tulisan yang saya blok warna biru seperti nampak pada gambar diatas
  10. Silahkan anda, login ke Blogger. Pilih Tata Letak -> Edit HTML, kemudian blok copy semua script tadi dan paste pada lokasi seperti pada gambar dibawah ini
  11. Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.
Selamat Mencoba,...

Bagikan informasi ini pada teman anda dengan klik tombol >>> Bookmark and Share

Tidak ada komentar:

Posting Komentar