Cara mengganti logo Blogspot (Favicon)

www.aziscs1.com - saya akan memberikan cara untuk mengganti Logo Blogspot untuk para blogger yang menggunakan blogspot. Nama dari logo ini juga disebut favicon,Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku.berikut langkah untuk mengganti favicon pada blogspot :

  1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
  2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
  3. 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)
  4. Upload gambar ke , Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-qDlHJcPBWApZ3ajPNx8rSu645h935UMhrIS_57faEDayCvddETxu4tBNkdIGYXn4QkbENFPfuoo8a5WTUsVdm9Qw8ZQIdkxSxtOUe6meH91l9V4QcwMR8h18MZ45cQlialLO0qZgdC4/s1600/Logo-aziscs1.gif
  5. Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML
  6. Tekan CTRL+F, masukkan kata: <head> letakkan kursor anda sebelum tanda tersebut
  7. Copy script berikut ini dibawah kode <head> : <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-qDlHJcPBWApZ3ajPNx8rSu645h935UMhrIS_57faEDayCvddETxu4tBNkdIGYXn4QkbENFPfuoo8a5WTUsVdm9Qw8ZQIdkxSxtOUe6meH91l9V4QcwMR8h18MZ45cQlialLO0qZgdC4/s1600/Logo-aziscs1.gif' rel='shortcut icon'/>
  8. (NB: Ganti alamat https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-qDlHJcPBWApZ3ajPNx8rSu645h935UMhrIS_57faEDayCvddETxu4tBNkdIGYXn4QkbENFPfuoo8a5WTUsVdm9Qw8ZQIdkxSxtOUe6meH91l9V4QcwMR8h18MZ45cQlialLO0qZgdC4/s1600/Logo-aziscs1.gif sesuai alamat icon anda )
  9. Save Template dan lihat perubahan yang terjadi (View Blog) -
  10. Selesai
Semoga berhasil.

Subscribe to receive free email updates:

6 Responses to "Cara mengganti logo Blogspot (Favicon)"

  1. Oke sob, tapi sekarang kayanya tidak usah repot repot lagi soalnya di Blogger sudah tersedia Widget Favicon ini

    ReplyDelete
  2. saya ngak ngerti dengan penjelasannya nich

    ReplyDelete
  3. Oke sob, tapi sekarang kayanya tidak usah repot repot lagi dengan cara diatas soalnya di Blogger sudah tersedia Widget Favicon ini

    ReplyDelete
  4. Tq infonya langsung dicoba... utk yg animasi gmana carax.. :)

    ReplyDelete
  5. @Eone : untuk animasi caranya sama saja

    ReplyDelete

Silakan berikan komentar Kalian Terkait dengan artikel tersebut. Tapi ingat, No Live Link, No SPAM, No Pornogarfi, No SARA !!!