Cara menciptakan dan memasang favicon blog. Favicon atau gambar icon yang berada diatas kafe address dari browser yang kita gunakan. Seperti referensi gambar dibawah ini.
Cara menciptakan favicon blog.
- Buatlah favicon sendiri diphotoshop, paint atau jadwal gambar lainnya. Atau dapat juga gunakan foto anda sendiri untuk dijadikan favicon.
- Selanjutnya ganti ukuran gambar menjadi 48x48 atau 32x32, atau ukuran terkecil 16x16, biar gambar berbentuk bujur sangkar. Cara mengganti ukuran gambar baca di cara menciptakan icon untuk website.
- Setelah selesai merubah ukuran gambar, simpan gambar tersebut dengan format JPG atau save dalam format PNG bila ingin memakai gambar dengan background transparant.
- Pertama upload gambar yang akan dijadikan favicon, ke blog kemudian ambil url gambarnya. Silakan baca disini wacana cara upload dan ambil url gambar.
- Setelah itu, masukan url gambar tadi ke format instruksi menyerupai dibawah ini.
- Lalu buka pengaturan Template, klik edit HTML, dan cari instruksi <head>
- Dan letakan instruksi 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/AVvXsEgIbkZ1Ske9vOlfGUyLX-lfKgHAjlCij46LLzgRZr8RNcDjAG7rzV6m4slo5lZUevOiX0CUNU8VkZe_VcqrwFDiLmIf1u-BPq9b0ieeAJevDx3TzyarpiQevml76YYoVHfkjqq5rTluGnVh/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/AVvXsEgIbkZ1Ske9vOlfGUyLX-lfKgHAjlCij46LLzgRZr8RNcDjAG7rzV6m4slo5lZUevOiX0CUNU8VkZe_VcqrwFDiLmIf1u-BPq9b0ieeAJevDx3TzyarpiQevml76YYoVHfkjqq5rTluGnVh/s48/Fandra-Juani.png' rel='shortcut icon'/>
Sebenarnya, kita dapat mengganti favicon eksklusif dari blogger, adalah dengan mengupload gambar dengan bentuk bujur kandang di pengaturan Tata Letak > edit favicon > Upload gambar > Simpan. Kekurangannya gambar tidak akan eksklusif mengganti favicon di blog, kita harus menunggu dulu blogger untuk mengubah favicon yang kita gunakan. Mungkin dapat seharian.
Berbeda dengan menempatkan instruksi dibawah <head>, sesudah di save template, favicon blog akan eksklusif terganti dengan gambar yang kita upload. Gambar favicon yang aku gunakan itu berformat PNG, background akan tetap transparent. Berbeda dengan memakai format JPG. Walaupun kita sudah edit gambar dengan background transparant, kesudahannya gambar tetap akan ada backroundnya, warna backgroudnya putih.
Silakan dicoba dan Semoga dapat bermanfaat untuk anda.
0 comments:
Post a Comment