Panduan Mengubah Icon Blogger Favicon

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 Belajar Ilmu Komputer 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

9 comments:

abdul salim said...

terimaksi banyak bapak.......
terimaksih banyak bapak.....
salim

Anonymous said...

Lngsung ke tkp nih..

salim said...

pak, gimana menampilkan nafbar seperti blog bapak.
blog saya menggunakan template download yang gak pake nafbar.
krim caranya ke a_abdul_salim@yahoo.com

terimakasihhh

Rian's blog said...

bagus

Replica Watches said...

terimakasihhh

Faizal Bani Harmawan said...

pak..
menyimpan gambar di favicon gimna.?

Admin Belajar Ilmu Komputer said...

@Faisal, klik Download Favicon dan simpan di drive lokal komputer. @All Visitor, Thanks form coming.....

Unknown said...

wuihhh.. jadi tambah keren blog saya pak.. very thx sir..

Toraja Homeland said...

terimakasih banyak pak

Post a Comment

Bagaimana menurut anda tentang artikel ini, Berikan Komentar anda di sini... komentar spam akan dihapus

Pengikut Belajar Ilmu Komputer