Cara membuat dan memasang favicon blog

Cara membuat dan memasang favicon blog. Favicon atau gambar icon yang berada diatas bar address dari browser yang kita gunakan. Seperti contoh gambar dibawah ini.

membuat dan memasang favicon blog

Cara membuat favicon blog.
  1. Buatlah favicon sendiri diphotoshop, paint atau program gambar lainnya. Atau bisa juga gunakan foto anda sendiri untuk dijadikan favicon.
  2. Selanjutnya ganti ukuran gambar menjadi 48x48 atau 32x32, atau ukuran terkecil 16x16, agar gambar berbentuk bujur sangkar. Cara mengganti ukuran gambar baca di cara membuat icon untuk website
  3. Setelah selesai merubah ukuran gambar, simpan gambar tersebut dengan format JPG atau save dalam format PNG jika ingin menggunakan gambar dengan background transparant.
Cara memasang favicon diblog.
  1. Pertama upload gambar yang akan dijadikan favicon, ke blog lalu ambil url gambarnya. Silakan baca disini tentang cara upload dan ambil url gambar.
  2. Setelah itu, masukan url gambar tadi ke format kode seperti dibawah ini.
  3. <link href='URL gambar kamu' rel='shortcut icon'/>
  4. Lalu buka pengaturan Template, klik edit HTML, dan cari kode <head>
  5. Dan letakan kode favicon dari langkah 2 ke bawah <head>. Contoh:
  6. <head>
    <meta content='A87E01E095BC5007155087A5ECD3A506' name='msvalidate.01'/>
    ......
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    ......

    <link href='https://lh6.googleusercontent.com/-bnSm-5tHKSQ/UmlXJ6EhAuI/AAAAAAAABD8/-V8rQnd7ppw/s48/Fandra-Juani.png' rel='shortcut icon'/>
  7. Terakhir save template, selesai.
Sebenarnya, kita bisa mengganti favicon langsung dari blogger, yaitu dengan mengupload gambar dengan bentuk bujur sangkar di pengaturan Tata Letak > edit favicon > Upload gambar > Simpan. Kekurangannya gambar tidak akan langsung mengganti favicon di blog, kita harus menunggu dulu blogger untuk mengubah favicon yang kita gunakan. Mungkin bisa seharian.

Berbeda dengan menempatkan kode dibawah <head>, setelah di save template, favicon blog akan langsung terganti dengan gambar yang kita upload. Gambar favicon yang saya gunakan itu berformat PNG, background akan tetap transparent. Berbeda dengan menggunakan format JPG. Walaupun kita sudah edit gambar dengan background transparant, hasilnya gambar tetap akan ada backroundnya, warna backgroudnya putih.
Silakan dicoba dan Semoga bisa bermanfaat untuk anda.

    8 comments:

    1. tutorialnya .. bagus sekali di jelaskan secara detaill . mantap mas..

      ReplyDelete
      Replies
      1. Terima kasih atas kunjungannnya gan...

        Delete
    2. Tehs brow atas curhatnya :) heheee

      ReplyDelete
    3. Nice Post gan ,Semoga blognya tetap lancar

      ReplyDelete
    4. terimkasi atas informasinya gan sngat bermanfaat sekali

      ReplyDelete
    5. Pertama upload gambar yang akan dijadikan favicon, ke blog lalu ambil url gambarnya. Silakan baca disini tentang cara upload dan ambil url gambar.
      Setelah itu, masukan url gambar tadi ke format kode seperti dibawah ini.

      aku msh belum nngerti gan

      ReplyDelete

    Semoga Artikel diatas dapat membantu anda menemukan, apa yang sedang anda cari. Silahkan tinggalkan komentar.