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. Optimasi Link Komentator Blogspot
  2. Cara Mengganti Background Blog (blogspot)
  3. Cara Mengganti Judul Blog Dengan Judul Posting (Blogspot)
  4. Read More Feature On Blogger
  5. Post Editor Baru di Blogger.com
  6. Aplikasi Blogger Untuk iPhone
  7. Cara setting domain di co.cc
  1. 15-8-2011 at 22:08 | #1

    Ada tambahan nih gan … cara ganti icon address bar untuk WordPress dan Jomla, semoga bermanfaat ya ^_^ Terimakasih

    http://wijisaksono.wordpress.com/2011/08/15/cara-mengganti-icon-address-bar-favicon-wordpress-blogspot-dan-jomla/

    Reply

  2. 8-10-2011 at 19:49 | #2

    favicon skrng dah ada menu a sndiri, jd tinggal gnti ajah

    Reply

  3. 15-11-2012 at 13:58 | #3

    IJIN NYIMAK GAN , DAN VISIT MY BLOG :

    indra-smpn4.blogspot.com

    Jangan Lupa Komentarnya Ya

    Reply

  4. 12-12-2012 at 15:25 | #4

    Meskipun favicon adlh hal terkecil namun sangat penting untuk menguatkan brand kita agar blog lebih punya ciri khas,

    ada beberapa rekan2 blogspot kurang memperhatikan hal ini.

    cara yang update lebih mudah, bagi yg masih pake favicon bawaan, ayo segera ganti.
    Mas Alwi, terima kasih atas sharingnya

    Reply

  5. 7-4-2014 at 12:22 | #5

    sangat menarik beritanya nih

    Reply

  6. 13-4-2014 at 14:33 | #6

    sanagt menarik artikelnaya

    Reply

  7. 16-4-2014 at 18:42 | #7

    sanagt bagus infonya http://bisnisrumahan19.blogspot.com

    Reply

  8. 3-11-2014 at 22:33 | #8

    sudah lama tidak menulis artikel di blog mebelanda.com

    Reply

  9. 3-4-2015 at 03:34 | #9

    mkasi info nya min :D

    Reply

Comment pages
3+7=? (Wajib diisi)