Logo blogger yang sudah tidak asing lagi di mata para pengguna internet karena begitu khas dengan lambang huruf B dan juga begitu banyak pengguna internet yang membuat blog gratisnya menggunakan blogspot sehingga logo blogger/blogspot selalu terlihat sepeti :
Artikel ini
saya posting atas permintaan sobat kita yang bernama Salim yang menanyakan
tentang cara mengubah icon bloggger (favicon). Blog sobat kita Salim bisa
dilihat di http://salimhimafi.blogspot.com.Selain membantu saudara Salim juga
bermanfaat bagi sobat-sobat blogger pemula yang ingin mengganti logo blogger
dengan logo buatannya sendiri.
Logo seperti
di atas sering terlihat di address bar pada sebuah blog yang menggunakan icon
blogger standar, namun logo tersebut dapat diganti dengan gambar yang lain
seperti pada blog Belajar Ilmu Komputer ini yang sudah saya ganti dengan pas
foto saya sendiri seperti berikut :
Tidak sulit
untuk mengganti sebuah logo blog seperti di atas menjadi gambar atau foto anda
sendiri, caranya mari kita belajar bersama.
Sebelum
memulai masuk ke blogger kita harus persiapkan sebuah gambar yang hendak dijadikan logo pengganti logo blogger
dan mengubahnya menjadi sebuah icon.
Gambar
tersebut tidak langsung dapat digunakan sebagai logo yang tampil pada address
bar karena logo yang tampil pada address bar harus diubah dulu agar ukurannya
tidak terlalu besar dan berbentuk sebuah icon dengan format file : *.ico.
Untuk
mengubah file gambar tersebut menjadi
sebuah icon, kita bisa memanfaatkan situs penyedia layanan pembuatan icon
gratis seperti di sini. atau cari di google atau search engine lainnya situs
penyedia layanan pembuatan favicon gratis dengan keyword "Favicon
Generator".
Setelah
membuat sebuah file icon, langkah berikutnya adalah menyimpan file icon
tersebut di google pages atau bisa juga menyimpannya di situs lain, kemudian
catat alamat url icon tersbebut. Sebagai contoh saya menggunakan google pages
untuk menyimpan icon blog rekayasa perangkat lunak yang urlnya adalah :
http://hendrypiran.googlepages.com/pasfoto.ico
Setelah itu
login ke blogger dengan akun anda kemudian klik Tata Letak dan Edit HTML
Langkah
selanjutnya cari kode seperti berikut :
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
copy code
berikut kemudian paste-kan di antara kedua kode di atas :
<link
href='http://hendrypiran.googlepages.com/pasfoto.ico' rel='icon'
type='image/x-icon'/>
ganti alamat
url icon (yang berwarna orange) dengan url icon anda sehingga hasil kode
selengkapnya seperti berikut :
<title><data:blog.pageTitle/></title>
<link
hrgef='http://hendrypiran.googlepages.com/pasfoto.ico' rel='icon'
type='image/x-icon'/>
<b:skin><![CDATA[/*
simpan hasil
perubahan dan coba pratinjau/preview blog anda. Logo Blogger sudah diganti
dengan foto anda sendiri.
Selamat
mencoba
SEMOGA BERHASIL
0 komentar
Berkomentarlah dengan Bahasa yang Relevan dan Sopan.. #ThinkHIGH! ^_^