Anda pasti sudah tahu apa yang dimaksud dengan favicon. Favicon merupakan logo atau gambar kecil yang melambangkan dari sebuah website atau blog. Dengan adanya favicon tersebut, setidaknya tampilan blog akan menjadi lebih menarik. Pada blogspot, favicon yang dibuat berupa simbol huruf B berwarna orange. Tidak ada fitur atau setting untuk merubahnya. Namun dengan sedikit cara kita dapat merubah nya. Sebenarnya cara mengganti favicon blogger ini terbilang sangat mudah. Anda bisa menggantinya melalui pengeditan layout dengan kode html. Karena pasti terasa belum lengkap bagi anda yang sudah merubah alamat blog dengan domain sendiri dikarenakan nama yang panjang karena berupa subdomain dari layanan blog tersebut.
Namun sebelumnya anda harus punya gambar yang akan digunakan untuk favicon yang akan anda pakai nanti. Anda dapat membuat sendiri dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Atau dengan gambar yang sudah anda miliki, semisal foto anda sendiri.
Dikarenakan file gambar untuk favicon harus ber ekstensi .ico maka anda harus melakukan convert gambar anda tersebut menjadi .ico dengan layanan gratis di internet dengan alamat
http://www.html-kit.com/favicon/
Caranya upload file gambartersebut dengan menekan Browse. Checkmark pilihan “Animate Favicon” jika anda menginginkan favicon animasi. Lalu klik “Generate Favicon.ico”.
Lalu download favicon yang dihasilkan dengan mengklik tombol “Download Favicon”.
Extract file zip yang dihasilkan. Lalu upload favicon.ico dan favicon1.gif (jika animasi) tadi ke file hosting gratis seperti imageshack.us , googlepages.com atau photobucket.com
Selanjutnya, silahkan login ke account Blogger lalu pilih layout -> Edit HTML.
Copy kode di bawah ini:
<link rel=”shortcut icon” href=”favicon.ico” />
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif” />
Lalu paste tepat di bawah baris kode berikut:
<b:include data=”blog” name=”all-head-content”/>
Lalu gantilah alamat URL favicon dengan URL tempat anda menyimpan file favicon di file hosting. Sebagai contoh bagian yang di block pada gambar diatas merupakan contoh dari URL yang sudah diganti. Periksa lagi apakah alamat URL sudah benar.
Jika sudah benar semuanya lalu klik Simpan Template. Lihat hasilnya. Apabila favicon belum muncul, refresh lah browser anda. Selesai
sumber : http://warih.web.id/mengganti-favicon-blogspot/
Tidak ada komentar:
Posting Komentar