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.
Cara membuat favicon blog.
- Buatlah favicon sendiri diphotoshop, paint atau program gambar lainnya. Atau bisa juga gunakan foto anda sendiri untuk dijadikan favicon.
- 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.
- Setelah selesai merubah ukuran gambar, simpan gambar tersebut dengan format JPG atau save dalam format PNG jika ingin menggunakan gambar dengan background transparant.
- 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.
- Lalu buka pengaturan Template, klik edit HTML, dan cari kode <head>
- Dan letakan kode favicon dari langkah 2 ke bawah <head>. Contoh:
- Terakhir save template, selesai.
<link href='URL gambar kamu' rel='shortcut icon'/>
<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/AVvXsEj-m3gNU-I_gtsHHSi-VybqmTuJ1EqcW_0QZviwCb_69fgA4EiVm6itRXaAP9Who_zrYRX_PiRKKFvmJszr_minjq0rDiJIq0KJ8D-00N9_N-0eau2Abj1Hl3sm5O_oyaHhuyc8WurW5haj/s48/Fandra-Juani.png' rel='shortcut icon'/>
<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/AVvXsEj-m3gNU-I_gtsHHSi-VybqmTuJ1EqcW_0QZviwCb_69fgA4EiVm6itRXaAP9Who_zrYRX_PiRKKFvmJszr_minjq0rDiJIq0KJ8D-00N9_N-0eau2Abj1Hl3sm5O_oyaHhuyc8WurW5haj/s48/Fandra-Juani.png' rel='shortcut icon'/>
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.
0 comments:
Post a Comment