Mengganti Icon Blogger Pada Alamat Blog

Favicon atau Favourite icon merupakan icon kecil yang terlihat bagian samping kiri dari alamat blog. Bagi Blog yang memakai blogspot, iconnya berupa icon Blooger.

Sebenarnya tampilan favicon ini hanya merupakan asesoris pelengkap bagi blog yang anda kelola agar kelihatan memiliki ciri khas yang tidak dimiliki oleh blog lainnya
Tampilan favicon sebelum mengalami perubahan

Favicon asli dari Blogger itu dapat anda ganti dengan gambar yang telah anda siapkan yaitu icon pilihan anda sendiri, tentu saja icon yang ingin ditampilkan adalah icon yang mewakili diri anda atau blog kesayangan anda. Contoh alamat blog yang faviconnya telah diganti 

Langkah-langkah mengganti Favicon 

1. Siapkan sebuah image, misalnya







2. Ubah terlebih dahulu gambar anda menjadi gambar favicon dengan menggunakan jasa http://www.favicongenerator.com/
3. Dengan tiga langkah mudah yaitu : Browse, Generate Favicon dan Complete! => Click Here to Download Your Favicon!, anda telah memiliki favicon yang dapat ditampilkan pada alamat blog anda





4. Gambar yang tadinya berukuran besar akan menjadi seperti ini :





5. Upload gambar favicon tesebut pada hosting tempat penyimpanan gambar seperti Web Picassa, Photobucket, Image Shack atau situs lainnya yang biasa anda gunakan sebagai tempat penyimpanan gambar
6. Setelah proses upload selesai, copy alamat gambar yang anda upload tadi, misalnya : 
   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh32y0sFYBtapm-ZmHX6a5c5DE3U-WKpB7tNA8LgOjQiN7FJYV7YkaAW5kWXYiYFtRdK61BayU0-6LATnHySHaFzTkE7Ie01K5gbEHRr3XC7bHDbpo7SFRvNi2zZfZmtk3MoG2oP2Nvojc/s16/favicon%2525282%252529.jpg
7. Tambahkan kode seperti dibawah ini pada alamat gambar tadi : 
   <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh32y0sFYBtapm-ZmHX6a5c5DE3U-WKpB7tNA8LgOjQiN7FJYV7YkaAW5kWXYiYFtRdK61BayU0-6LATnHySHaFzTkE7Ie01K5gbEHRr3XC7bHDbpo7SFRvNi2zZfZmtk3MoG2oP2Nvojc/s16/favicon%2525282%252529.jpg' rel='shotcut icon'/>
Keterangan :
1. Kode yang berwarna kuning merupakan kode untuk menampilkan Favicon
2. Kode yang erwarna putih merupakan kode dari alamat gambar yang diupload tadi

Langkah-langkah memasukan Favicon kedalam blog 

1. Login ke Blogger
2. Pilih Rancangan bagian Edit HTML
3. Klik Edit HTML
4. Cari kode </head> kemudian paste kode favicon tadi tepat diatasnya. 
   <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh32y0sFYBtapm-ZmHX6a5c5DE3U-WKpB7tNA8LgOjQiN7FJYV7YkaAW5kWXYiYFtRdK61BayU0-6LATnHySHaFzTkE7Ie01K5gbEHRr3XC7bHDbpo7SFRvNi2zZfZmtk3MoG2oP2Nvojc/s16/favicon%2525282%252529.jpg' rel='shotcut icon'/>
5. Untuk mempermudah anda, klik menu edit (diatas) pilih Find kemudian masukan kode </head> . Klik Find Next, maka anda akan dibawa ke kode yang kita cari tadi.
6. Klik Simpan Template.
7. Selesai.
8. Lihat penampilan blog anda sekarang.

Selamat mencoba, semoga bermanfa'at...!!!