Cara Mengganti Icon / Favicon di Blogger

Mengganti Icon Blog pada address bar atau sering disebut favicon mungkin sudah tidak asing lagi,klo di bayangkan kelihatannya susah..tapi sebenernya mudah kok. contoh ikon bisa dilihat di atas (address bar) kan ada logo seperti ini :


nah tuh logo bisa digonta-ganti sesuai keinginan kita.
biasanya kalo pengguna blogger, pasti sudah ada icon bawaannya yg seperti ini contohnya:


Nah cara menggantinya gampang saja. pengalaman saya, cara ini bisa diterapkan pada blogger dan wordpress. untuk yang lain bisa dicoba sendiri..
langsung saja:

Pertama kita buat dulu icon/ pilih icon dari web yang memang menyediakan icon gratis. klik di www.iconarchive.com untuk cepatnya terserah bisa bikin sendiri asal filenya ".ico". lalu pilih icon dari baris kiri sesuai dengan keinginan, misal kamu pilih word icon. nanti akan muncul jendela berisi icon yang kamu pilih. klik kanan pada tulisan "donwload as.ico file" lalu pilih copy link location. Sebenarnya walaupun file gambarnya bukan ".ico" juga bisa lho ditampilin sebagai icon di blogger atau di wordpress. misalkan kamu mau nampilin fotokamu sebagai icon blog. maka upload saja fotokamu di penyedia upload photo langganan kamu misalkan http://photobucket.com/caranya kamu tinggal buat account disana kemudian upload. trus di copy link locationnya. Alamat yang didapat untuk dimasukkan ke dalam langkah selanjutnya.

Kedua untuk pengguna blogger: masuk di layout->edit html
Cari kode di bawah ini:


<b:include data='blog' name='all-head-content'/>biasanya sih di bawah (head). lalu masukkan (Copy-paste) kode berikut di bawah kode tadi <link href='alamat link-gambar yg udah di upload' rel='shortcut icon'/>.
penulisan kode di atas memang menggunakan tanda petik satu. (untuk pengguna new blogger) jangan lupa disimpan, lalu lihat deh blog kamu. icon nya udah berubah blom?
hampir lupa nih; untuk pengguna wordpress.com setelah log in pilih widgets->theme editor->lalu klik disebelah kanan header setelah itu cari tag (head)(/head) dan sisipkan coding yang tadi(cara sama seperti di atas).
Jika cara di atas Tidak berhasil maka pakai cara yang ke 2
yakni :

1. Masuk ke Blogger > Template > Edit HTML.

2. Kemudian cari cari kode berikut: (Untuk mempermudah pencarian, tekan CTRL + F)

</head>

3. Kemudian simpan kode berikut ini tepat diatas kode </head>

<link href='http://terminal-pulsa.com/images/stories/favicon1.ico' rel='icon' type='image/x-icon'/>

  Note: Ganti http://terminal-pulsa.com/images/stories/favicon1.ico (teks yang berwarna merah) dengan URL gambar yang ingin dijadikan icon.

4. Jika sudah, klik Simpan Template. 
 
cara 3 yang lebih mudah lagi yakni:
 1. Siapkan gambar yang akan dijadikan icon, usahakan ukurannya kurang dari 100kb.
2. Kemudia buka Blogger -> Layout -> Klik Edit.

3. Jika muncul tampilan seperti gambar dibawah, klik Pilih File kemudian pilih gambar yang akan dijadikan icon.

4. Jika sudah, tinggal klik Save.

Bagaimana mudahkan..! selamat mencoba!.

Silahkan baca juga Artikel Terkait ini