Home » Blogspot » Cara Mengganti Icon Pada Address Bar Blogspot

Cara Mengganti Icon Pada Address Bar Blogspot

22 Apr. 200956 comments
Cara Mengganti Icon Pada Address Bar Blogspot

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon atau favicon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di blogspot maka icon (favicon) default yang akan tampil adalah gambar seperti ini :  favicon blogger

Bagi sobat yang tidak puas dengan icon/gambar tersebut, sobat bisa menggantinya dengan gambar sesuai dengan keinginan. Caranya sangat mudah, yaitu :

  1. Buatlah gambar yang akan dijadikan icon/favicon dalam format gif, jpg, ico, dan lain-lain dengan ukuran kurang lebih 24×42 pixel sampai 16×16 pixel, sebenarnya ukurannya bebas, tapi supaya filenya kecil dan proses membukanya cepat pilihlah yang kecil ukurannya.
  2. Kemudian upload gambar icon/favicon yang telah sobat buat ke tempat layanan penyimpanan gambar, sobat bisa menyimpan gambar icon/favicon di Picasa Web Album atau Photobucket atau di imageshack, jika belum punya akun sobat tinggal daftar aja semuanya gratis kok.
  3. Setelah itu silahkan login ke akun blogspot sobat kemudian masuk ke “Layout –> Edit HTML” trus tempatkan script di bawah ini :
    <link href='http://i690.photobucket.com/albums/vv270/alwi/Alwi.gif' rel='SHORTCUT ICON'/>
  4. Tempatkan kode di atas di bawah kode :
    ]]></b:skin>
  5. Kode keseluruhan kira-kira akan jadi seperti ini :
    ]]></b:skin>
    <link href='http://i690.photobucket.com/albums/vv270/alwi/Alwi.gif' rel='SHORTCUT ICON'/>

Jangan lupa ganti huruf yang dicetak tebal (warna merah) dengan lokasi URL gambar di mana sobat menyimpannya. Untuk melihat hasilnya, contohnya ada di sini.

Update :

Karena blogspot sudah menyediakan cara mengganti favicon langsung dari dashboard blogger, ikuti cara berikut ini :

  1. Buatlah gambar yang akan dijadikan icon/favicon dalam format gif, jpg, ico, dan lain-lain dengan ukuran kurang lebih 32×32 pixel sampai 16×16 pixel, maksimal ukuran yang diperbolehkan adalah 100 kb.
  2. Login ke akun blogspot, kemudian buka menu Tata letak di sebelah kiri.
  3. Klik tulisan edit yang ada di bawah gambar Favicon atau di sebelah kanan logo favicon blogger favicon blogger.
  4. Kemudian pilih file favicon dari komputer sobat, setelah terupload jangan lupa tekan tombol simpan, terus tekan juga tombol simpan pengaturan.
  5. Sekarang coba dicek hasilnya dengan membuka halaman blogspot sobat, jika belum berubah/belum muncul logo faviconnya sobat bisa menggunakan browser lain dan tunggu beberapa saat sambil direfresh halaman dengan menekan tombol F5.

Untuk wordpress dengan hosting sendiri caranya ada di postingan ini :Cara Membuat Dan Menampilkan Favicon Di WordPress

Mudah-mudahan artikel tentang Cara Mengganti Icon Pada Address Bar Blogspot ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Read More Feature On Blogger
  2. Optimasi Link Komentator Blogspot
  3. Cara Mengganti Judul Blog Dengan Judul Posting (Blogspot)
  4. Cara setting domain di co.cc
  5. Aplikasi Blogger Untuk iPhone
  6. Cara Mengganti Background Blog (blogspot)
  7. Post Editor Baru di Blogger.com
  1. 26-5-2009 at 03:17 | #1

    Kalau di WP lebih gampang tinggal upload gambar/photo selesai……..

    Reply

    Bang Iwan Reply:

    makasih banyak atas info ini kang…

    Reply

    Bang Iwan Reply:

    Kebetulan koneksi lagi bersahabat… aku ngubek postingan lagi nih Kang..

    Reply

  2. 8-9-2009 at 03:04 | #2

    iya lbh enak pake wepe ya mbak arini..gak ribet sie

    Reply

    Bang Iwan Reply:

    Saya juga baru merasakan…

    Reply

  3. 8-9-2009 at 03:06 | #3

    terimakasih infonya, kemaren2 susah banget mau ganti icon, sekarang nemu nie caranya

    Reply

  4. 3-10-2009 at 01:42 | #4

    Terima kasih buannnyak infonya

    Reply

  5. 1-3-2010 at 21:01 | #5

    mas kalo upload file.ico dimana???

    Reply

  6. 18-4-2010 at 03:53 | #6

    punya saya malah gak bisa ganti icon, kenapa yach mas….

    Reply

  7. 7-5-2010 at 16:30 | #7

    kok saya gak berhasil ya. tolong dibantu

    Reply

  8. 12-5-2010 at 05:52 | #8

    wah terima kasih banyak tips nya mas, saya memang sangat membutuhkan informasi ini karena icon saya masih icon joomla, TRIMS BANGET!

    Reply

  9. 4-6-2010 at 14:04 | #9

    makasi banget mas sharingnya, banyak ilmunya ya di blog ini

    Reply

  10. 7-6-2010 at 11:49 | #10

    melanggar tos ga ya

    Reply

Comment pages
2+7=? (Wajib diisi)