News Update :

Cara Mengganti Favicon di Blog

Wednesday, June 22, 2011

Apakah Anda tahu apa itu favicon?

Itu...tu icon yang terlihat di address bar ketika kita mengunjungi suatu blog atau website. Mungkin anda pernah mencoba membuat namun mengalami kendala atau gagal dalam prakteknya. Jika kita membuat blog dari blogger.com, maka otomatis favicon kita akan seperti gambar dibawah ini.


Di sini akan saya bahas bagaimana cara mengganti favicon di blog sampai anda berhasil. Silahkan ikuti langkah-langkahnya di bawah ini:

Langkah Pertama
  1. Buatlah gambar favicon dengan ukuran 16px x 16 px yang anda suka (bisa menggunakan program desain grafis, misalkan adobe, corel draw dan lain-lain).
  2. Upload gambar yang telah anda buat (bisa menggunakan picasaweb.google.com, www.tinypic.com atau upload melalui blogger juga boleh. Terserah Anda mau pilih yang mana.
  3. Setelah Upload, cari lokasi URL gambar tersebut (nantinya akan dimasukan kedalam kode)

Langkah Kedua
  1. Login ke akun blogger Anda

  2. Pilih Design/Rancangan seperti di bawah ini


  3. Kemudian Klik Edit HTML (Perhatikan gambar di bawah)


  4. Setelah itu Centang pada kotak expand widget (contoh dapat di lihat pada gambar di bawah)


  5. Cari kode <b:skin> (untuk mempercepat pencarian, gunakan Ctrl+F)

  6. Masukan Script dibawah ini dengan cara di copy dulu, lalu di pastekan tepat diatas kode <b:skin>

    <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpELlMgyth96pssSMaLgTwtf_-8KzY9JzfSSg7Pl5NPEiu8L0hBZhV1d0UvS3cQvnQOWNjZPhmBpx7sKbr7x-fVmgRqzL87FtyCMzTlG65N_7iolpX24D9TbldjNZTidfYwtg1n_oh_yc/' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


  7. Kemudian gantilah tulisan yang berwarna merah dengan url gambar yang anda simpan tadi.

  8. Lalu klik simpan template.

  9. Selesai. Mudah bukan? Nah silahkan di praktekan langsung ya.
Baca juga tutorial mengenai Cara Menampilkan Blogger di Mobile. Klik Di Sini
Share this Article on :

0 comments:

Post a Comment

 
© Copyright Yahessa Tutorial 2010 -2015 | Design by Yahessa | Powered by Blogger | Search Powered by Google.