Cara Menciptakan Dan Memasang Favicon Ke Blog
Salah satu elemen yang penting dalam sebuah desain web yakni favicon. Singkatan dari "ikon favorit" yakni gambar kecil yang Anda lihat dalam tab browser, alamat bar, dan mungkin tempat-tempat lain tergantung pada browser dan sistem operasi. Favicons sanggup sulit untuk diciptakan baik secara teknis dan estetis alasannya format file yang tidak biasa dan ukuran gambar kecil. Membutuhkan pinjaman lintas browser yang sanggup rumit juga.
Gambar tampilan Favicon dalam sebuah browser Smartphone
Gambar tampilan Favicon dalam sebuah browser PC
Membuat Desain Favicon
Langkah pertama untuk membuat favicon yakni desain. Sebuah favicon yang baik harus menangkap esensi dari situs Anda dalam ukuran kecil akan tetapi meliputi seluruh merk Anda. Favicon juga sanggup mewakili tanda logo untuk sebuah perusahaan (bukan logo penuh dengan teks dan merek dagang).
Beberapa web yang cukup kita kenal ibarat Facebook, Google, Wikipedia, Wordpress memakai tipe favicon berupa teks yang mewakili merek mereka. Misalnya, Wikipedia memakai karakter "W" dan Facebook memakai "F" google dengan "G". Untuk tutorial kali ini Kita akan memuat Favicon yang dipasang diweb Saya sendiri dengan memakai aplikasi Photoshop.
Langkah pertama untuk membuat favicon yakni desain. Sebuah favicon yang baik harus menangkap esensi dari situs Anda dalam ukuran kecil akan tetapi meliputi seluruh merk Anda. Favicon juga sanggup mewakili tanda logo untuk sebuah perusahaan (bukan logo penuh dengan teks dan merek dagang).
Beberapa web yang cukup kita kenal ibarat Facebook, Google, Wikipedia, Wordpress memakai tipe favicon berupa teks yang mewakili merek mereka. Misalnya, Wikipedia memakai karakter "W" dan Facebook memakai "F" google dengan "G". Untuk tutorial kali ini Kita akan memuat Favicon yang dipasang diweb Saya sendiri dengan memakai aplikasi Photoshop.
Pada umunya ukuran favicon dalam sebuah web adalah
- 64 × 64 - Safari dan Windows
- 24 × 24 - Pinned situs di IE9
- 32 × 32 - Tinggi DPI atau "retina", untuk desain web yang biasanya akan memakai ukuran ini
- 16 × 16 - Paling sering dipakai ukuran menurut browser ibarat IE, Safari, Chrome, dan lainnya
Membuat Favicon di blogspot lebih gampang bila dibandingkan dengan wordpress, kenapa demikian alasannya blogspot mempunyai kemudahan menyesuaikan gambar atau mengecilkan gambar secara otomatis sesuai dengan ukuran desain favicon itu sendiri. Makara Anda sanggup membuat ukuran memakai dimensi 100 x 100 namun demikian ada syarat yaitu ukuran gambar tidak lebih dari 100 KB.
Masuk ke photoshop pilih file, new buat layer ukuran 64 x 64 Pixels sebanyak 3 buah, Selanjutnya pilih Horizontal type tool atau yang bergambar T, Selanjutnya ketik karakter K ke salah satu layer, dengan cara yang sama ketik karakter T ke salah satu layer yang masih kosong.
Geser atau drag huruf K dan T ke layer yang masih kosong sehingga karakter K dan T menjadi satu. Setelah itu delet background layer sehingga layer polos tanpa background. Proses ini untuk menghilangkan efek gambar putih dikala favicon ini muncul dibrowser. Prose pembuatan layer sudah jadi save gambar dalam bentuk PNG.
Memasukkan Favicon ke Dalam Blogspot
Masuk ke dasboard blogspot Anda, pilih sajian layout, Cari sajian pada pojok kiri atas yang bertuliskan Favicon kemudian klik edit, Klik sajian browse pilih file gambar daerah Anda menyimpan gambar favicon yang telah Anda buat sebelumnya. Setelah Anda upload klik save.
Dalam memasukkan gambar favicon ini terkadang memang pribadi jadi, kadang butuh waktu 1 hari, kadang 2 hari kadang lebih. Intinya Anda harus bersabar pastikan bila gambar sudah terupload jangan dirubah-rubah tunggu saja sampai gambar tersebut berubah dengan sendirinya.
Untuk lebih jelasnya lihat video tutroial Cara membuat favicon dengan photoshop dan cara memasangny ake blog dibawah ini :
0 Response to "Cara Menciptakan Dan Memasang Favicon Ke Blog"
Post a Comment