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. agar tampil beda dengan yang lain, atau juga mencirikan blog yang kita buat. ikuti langkah-langkah dibawah ini.

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
  3. Setelah selesai merubah ukuran gambar, simpan gambar tersebut dengan format JPG atau save dalam format PNG jika ingin menggunakan gambar transparant
Cara memasang favicon diblog.
  1. Pertama upload gambar yang akan dijadikan favicon, ke blog lalu ambil url gambarnya.
  2. Setelah itu, masukan url gambar tadi ke format kode seperti dibawah ini.
    <link href='URL gambar kamu' rel='shortcut icon'/>
  3. Lalu buka pengaturan Template, klik edit HTML, dan cari kode <head>
  4. Dan letakan kode favicon dari langkah 2 ke bawah <head>. Contoh:
    <head>
    <meta content='A87E01E095BC5007155087A5ECD3A506' name='msvalidate.01'/>
    ......
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    ......

    <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpXxoQIh2Z6oXD1e8txPonoK-3rMCOIpULBzYUCB4hpwldwSHDuAjVumpCq_bujKqu_6QRb7Ls-hbiGf00Zmo9YieBO_jArYBhS9kkAetoXJJTphD9JbJiIxvVNw0nA24YwPbSsAOTplLt/s48/Fandra-Juani.png' rel='shortcut icon'/>
  5. 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, silahkan dicoba dan semoga bermanfaat.

Categories:

Leave a Reply