Cara Membuat/Memasang Favicon & Animated Favicon di Blog

By -

Cara Membuat/Memasang Favicon & Animated Favicon di Blog 

Favicon adalah logo yang ditampilkan di sebelah kiri domain url maupun di tab browser. Pengguna blogspot tentu saja memiliki favicon default bawaan dari blogger. Hal ini tidak sama dengan wordpress dimana favicon secara otomatis dapat digenerasikandi ubahsuaikan. Favicon menjadi identitas dari suatu blog karena merupakan ciri khas dan bisa dibilang sebagai brand.
Gambar yang digunakan sebagai favicon berformat .ico seperti halnya format icon-icon yang biasa kita temui sebagai icon file ataupun folder di dalam PC. Format ini unik karena dimanapun dia ditampilkan, gambar aslinya akan langsung terlihat tanpa membuka filenya (dan ini bukan preview seperti yang kita lihat di format lain misalnya jpg, tif, dan lain-lain ketika ditampilkan di dalam folder). Untuk animated favicon  anda dapat menggunakan file gambar berformat gif.

Berikut langkah-langkah pembuatannya:
1. Siapkan gambar yang hendak anda jadikan favicon, atau anda dapat mencarinya di situs-situs yang menyediakan gambar icon gratis. Anda dapat pula mencari gambar favicon maupun animated favicon gratis. Gunakan keyword "free favicon/animated favicon image" di Google.
2. Untuk membuat file ico, anda dapat menggunakan photoshop atau gunakan jasa situs generator ico gratis seperti:www.favicon.cc, www.favicongenerator.com, atau www.favicon.co.uk. Untuk animated favicon anda (gif) anda dapat membuat animasinya di situs www.animatedfavicon.com. Upload file anda ke situs-situs tersebut, ikuti beberapa langkahnya, dan download file hasilnya.
3. Upload file favicon anda ke situs hosting gambar yang mensupport gambar ico karena Blogger tidak mensupport upload gambar berformat ico. Lihat list situs terbaik untuk hosting gambar ico dan gif  ini untuk mengupload favicon anda.
4. Copy terlebih dahulu direct link dari gambar yang telah diupload.
5. Kemudian masukkan url-nya ke script tag berikut ke bagian antara <head> dan </head> di template HTML anda. Saya sarankan untuk dimasukkan setelah meta tag agar cepat termuat oleh browser namun tidak mengganggu meta.
Untuk favicon file ico:
<link href='url gambar .ico anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Untuk animated favicon file gif:
<link href='url gambar gif anda' rel='icon' type='image/gif'/>
Untuk menggunakan kedua-duanya dan berjaga apabila file gif gagal dimuat oleh koneksi yang sangat lambat, gunakan kedua file ico dan gif anda. Masukkan kedua tag dengan urutan sebagai berikut:
<link href='url gambar .ico anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='url gambar gif anda' rel='icon' type='image/gif'/>
6. Preview dan save.
7. Done!

Comments

Post a Comment

Popular posts from this blog

BAGIAN KOMPONEN PADA SETRIKA LISTRIK

By -
Image
Pada kesempatan kali ini saya akan membahas mengenai Setrika listrik baik dari  cara kerja, dari prinsif kerja sampai bagian – bagian pada setrika listrik  tersebut insyaAllah dibahas lengkap Penggunaan setrika saat ini sangatlah penting apalagi kalangan – kalangan orang formal yang menginginkan baju kemejanya tetap  rapih dan layak dipakai Misalnya seorang yang sedang melamar kerja, tentu pakaianya harus terlihat rapih sehingga orang – orang perusahaan terkesan melihatnya (apalagi bila bosnya wanita) Namun alangkah menjengkelkan bila seterika kita tiba – tiba rusak dan tidak dapat dipakai, oleh karena itu pada kesempatan kali ini saya juga akan membahas mengenai cara perbakan sestrika. Namun, sebelum lebih lanjut tentang perbaikan seterika ini tentu sobat harus tahu dulu cara kerja, prinsif kerja, dan bagian – bagian penting dari seterika itu sendiri agar ketika perbagian tidak akan kebingungan lagi. Definisi Setrika : Setrika listrik adalah alat yang digu
Read more

Cara Membuat alamat SUREL (GMAIL)

By -
Cara Membuat alamat SUREL (GMAIL) Alamat SUREL (Surat Elektronik) itu adalah hal yang penting apa lagi bagi teman-teman  yang biasa ada di dunia maya  bisa memudahkan teman teman, kalau  mau buat facebook harus pake SUREL, Mau buat Tweetter harus ada SUREL, Mau buat BB harus ada SUREL, Oleh karena Itu hal yang pertama kenali oleh teman teman adalah membuat akun atau alamat sure (surat elektronik / Email). Ikutilah langkah langkah sebagai berikut : 1. Buka halaman Baru, /    klik Disini 2. Isi Nama ( Nama Depan ) (Nama Belakang) 3. Pilih Nama Pengguna. Untuk membaut nama disarankan untuk menuliskan nama asli 4. Buat Sandi, Untuk Membuat Sandi disarankan membuat sandi yang sulit dimengerti oleh orang lain akan tetapi mudah diingat oleh pengguna 5. Konfirmasi Sandi, adalah menulis ulang kata sandi yang sudah ditulis di kotak “Buat sandi” 6. Tanggal Lahir ( Isi Tahun Lahir anda, bulan lahir anda, dan tanggal lahir anda) 7. Isi kolom Gender anda sesuai dengan jenis kela
Read more