Mengubah Favicon Icon standar pada blogger

Jumat, 25 Oktober 2013

       Favicon itu ikon mungil yang terletak di awal dari suatu alamat situs.. mungkin sudah banyak yang tau, tapi masalahnya kami juga perlu berbagi kepada yang belum tau..


       Jadi langsung saja , caranya :

1. Siapkan gambar atau image yang akan di jadikan sebagai gambar favicon blog. Gambar atau image tersebut boleh berukuran apa saja, seperti .jpg, .gif, .png. Soal ukuran gambar, tidaklah menjadi masalah.

2. Karena gambar favicon harus berformat ikon dengan ekstensi .ico. Maka kamu harus mengubah format gambar yang kamu punya menjadi format icon dengan ekstensi .ico.
Untuk masalah ini, kamu tidak perlu khawatir, karena kamu bisa menggunakan berbagai layanan gratis yang ada di Internet untuk mengubah foramt gamabr menjadi foramat icon.
Salah satunya, kmau bisa menggunakan layanan gratis dari htmlkit.com

a. Bukalah situs dari htmlkit.com. Disitu terdapat form untuk merubah format gambar biasa menjadi gambar dengan format .ico
b. Klik tombol Choose untuk memilih gambar pada yang ada pada komputer.
c. Kemudian klik tombol Generate Favicon.ico
d. Setelah itu akan muncul halaman untuk mendownload hasil gambar yang telah diubah formatnya. Klik tombol Download Favicon lalu simpan gambar tersebut.
e. Jika gambar tersebut masih dalam bentuk .zip, maka ekstraklah dahulu.

3. Setelah mempunyai gambar dengan format ikon dengan ekstensi .ico. Maka kamu harus menyimpan gambar tersebut di situs Image Hosting. Seperti di photobucket.com. Jika kamu belum mempunyai account di photobucket.com, silakan mendaftar di sini.

4. Terakhir, kamu harus memasukkan dua potong kode berikut ini kedalam template blog kamu : Rancangan-Edit HTML-. Taruh kode tersebut sesudah tag <head>.dibawah kode
<b:include data='blog' name='all-head-content'/>

ini kodenya :
<link href='URL yang anda dapatkan dari HOST IMAGE' rel='shortcut icon'/>
<link href='URL yang anda dapatkan dari HOST IMAGE' rel='icon'/>

[ Catatan : Ganti teks yang berwarna hijau "URL yang anda dapatkan dari HOST IMAGE". dengan alamat url / hosting dari gambar yang kamu simpan.]

       Simpan dan selesai, lihat Hasilnya ...!!!

       INFO : ikuti petunjuknya dengan benar, maka anda akan mendapatkan hasil yang benar...

      Posting berikutnya Secret...

Sign by Danasoft - For Backgrounds and Layouts