Blogger.com (blogspot.com)
memberikan kebebasan kepada para bloggernya untuk mengubah faviconnya masing-masing.
Lihat perbandingan dua gambar berikut.
Yang sebelah kiri
adalah favicon default di blogspot dan yang sebelah kanan
adalah favicon modifikasiku. Bikinnya gampang kok. Saya akan
tunjukkan kepada anda sekalian bagaimana mengganti favicon blogspot:
- Persiapkan gambar
untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk
berkreasi. Saya menggunakan Adobe Photoshop.
- Ukuran icon yang
saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk
tinggi icon agar terlihat proporsional adalah 30 pixel.
- 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)
- Upload gambar
ke
ImageShack, Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxuNBRXhBHQrE_OujLa88bD8oG6yE4Nrufn8gPo_NyB6b8i2FbgXMVwCDv3iE5GeoecNQaJEjWgwkRvEVI9GQVXAU052Z-vHhN9_VE1xI5hFCvG97v5aDn4SINwmontakKT_RGN7lKZo/h120/409139_367513226608709_1475272110_n.jpg
Anda dapat mengupload file favicon ke - http://www.iconj.com/favicon_hosting.php
- http://www.picpanda.com
- http://www.fileden.com
- http://mirrorimg.net
- http://www.imageboo.com
- Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit
HTML
- Tekan CTRL+F,
masukkan kata: </head>, letakkan kursor anda sebelum tanda </head> tersebut
- Selipkan syntax
berikut :
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxuNBRXhBHQrE_OujLa88bD8oG6yE4Nrufn8gPo_NyB6b8i2FbgXMVwCDv3iE5GeoecNQaJEjWgwkRvEVI9GQVXAU052Z-vHhN9_VE1xI5hFCvG97v5aDn4SINwmontakKT_RGN7lKZo/h120/409139_367513226608709_1475272110_n.jpg' rel='shortcut icon'/> (NB: Ganti URL nya sesuai alamat icon sobat) - Save Template dan
lihat perubahan yang terjadi (View Blog) - Selesai
Silahkan dicoba. Beri tahu saya hasil
yang anda buat.
Untuk memaksa browser
menampilkan favicon diatas, anda dapat menambahkan kode:
<link
href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxuNBRXhBHQrE_OujLa88bD8oG6yE4Nrufn8gPo_NyB6b8i2FbgXMVwCDv3iE5GeoecNQaJEjWgwkRvEVI9GQVXAU052Z-vHhN9_VE1xI5hFCvG97v5aDn4SINwmontakKT_RGN7lKZo/h120/409139_367513226608709_1475272110_n.jpg'
type='image/gif' rel='icon' />
Tepat dibawah kode point
no. 7.
Favicon dengan tipe file
gif bisa muncul dengan baik di browser firefox, namun tidak tampak di IE.
Untuk memastikan setiap icon muncul dengan konsisten, tipe file harus
.ico. Silahkan kunjungi http://www.html-kit.com/favicon/ untuk membuat file .ico gratis!
Semoga bermanfaat.
2 comments:
baru tau nih..makasih ya..
sangat bermanfaat bagi seorang pemula. Trimakasih
Post a Comment
jangan lupa di komen ya ..