Ada 2 jenis logo dalam sebuah blog, yaitu logo yang terletak di bagian header website dan logo favicon yang ada di address bar browser
Dalam tutorial kali ini GuruBlogger akan sedikit membahas tentang bagaimana cara membuat logo sekaligus cara merubah logo di blogger, dan tentu saja cara mengganti favicon logo kecil di atas browser
Perbedaan Favicon dan Logo Pada Blog
Pengertian Favicon
Favicon adalah singkatan dari favorite icon yang juga dikenal dengan sebutan shortcut icon, website icon, tab icon, URL icon, atau bookmark icon
Fungsi favicon adalah untuk mengidentifikasi sebuah blog atau website dengan cepat pada tab browser, toolbar, bookmark, history dll
Dengan favicon maka halaman blog / web kita mudah diidentifikasi dan dibedakan dengan halaman website lain
Favicon sendiri adalah sebuah gambar dengan format .ico dengan ukuran 16 pixel X 16 pixel,
Cukup kecil memang namun memberikan perbedaan yang signifikan terkait branding dan legitimasi website kita
Pengertian Logo
Logo adalah sebuah tulisan atau gambar yang digunakan untuk merepresentasikan sebuah brand atau merek
Ada 2 buah jenis logo yang dikenal masyarakat yaitu logo type (logo yang berupa tulisan) dan logo mark (logo berupa simbol atau gambar)
Tanpa harus mnyebut kedua logo diatas, semua netizen pasti mengenalnya
Cara Membuat Logo Dan Favicon Untuk Blog
Untuk yang sudah terbiasa berkecimpung dalam dunia design, membuat sebauh logo itu mudah
Namun bagi blogger pemula terkadang membuat logo yang bisa sinkron dengan tema dan warna website agak susah, begitupun favicon
Gurublogger memiliki sedikit tips terkait bagaimana cara mudah membuat logo dan favicon untuk blog
Beriku ini adalah website yang sering digunakan oleh gurublogger untuk mebuat logo dalam bentuk logotype
Pada kesempatan kali ini gurublogger akan menggunakan Flammingtext sebagai contoh
- Kunjungi flamingext.com kemudian ketik nama logo dan tekan tombol go seperti contoh gambar diatas
- Selanjutnya akan diperlihatkan preview logo yang kita buat, pilih logo yang cocok dengan cara menavigasi tombol pada langkah 2
- Bila dirasa sudah menemukan logo yang cocok tinggal klik pada logo tersebut
- Langkah selanjutnya silahkan klik pada edit logo untuk melakukan beberapa penyesuaian
- Selanjutnya silahkan sesuaikan logo sesuai dengan keperluan, apakah background transparen, font menggunakan arial, penyesuaian besar font dll. Bila sudah sesuai selanjutnya klik tombol next
- Klik download untuk mengunduh logo
Siapa bilang mendesain logo itu sulit?
Untuk membuat favicon caranya kurang lebih sama, teman teman harus mendesain logo untuk favicon terlebih dahulu seperti yang dicontohkan dalam contoh membuat “logo blog” diatas
Gunakan huruf pertama sebagai favicon
Bila favicon sudah siap selanjutnya convert file png atau jpg yang hendak dijadikan favicon menjadi file ber exstensi .ico menggunakan favicon generator
Teman teman bisa memilih berbagai macam dimensi, namun pada umumnya dimensi favicon adalah 16px X 16px
Cara Merubah Logo Blogger dan Favicon
Bila logo dan favicon blog sudah siap, maka sekarang saatnya mengganti favicon default blogger menggunakan favicon dan logo buatan sendiri
Cara Merubah Logo Blogger
Tampilan logo di blog secara default berada di sebelah kiri atas blog kita
Mengganti Logo Blogger dengan Text
Secara default logo blogger sudah dalam bentuk text, bila tidak maka untuk merubah kembali logo ke dalam bentuk text adalah sebagai berikut
- Login ke backend blogger kemudian pilih theme
- klik edit (tanda pensil pada logo)
- Isikan Blog title (logo dalam bentuk text)
- Isikan Blog description (snippet dibawah logo)
- Pilih Behind title and description
- Save
Mengganti Logo Blogger dengan Gambar
Bila ingin mengganti logo blogger dalam bentuk gambar (bukan text) caranya adalah
- Login di blogger kemudian klik theme
- Edit header dengan cara meng klik tombol pensil
- Pada bagian image silahkanpilih from computer kemudian upload gambar, atau dalam contoh kali ini gurublogger menggunakan from the web paste an image url (paste link gambar yang sebelumnya sudah diupload)
- Selanjutnya pilih instead of title and description
- Save
catatan: jangan lupa menyesuaikan lebar dan tinggi logo sesuai dengan lebar dan tinggi container header agar tidak overflow (melewati batas kontainer)
Cara Mengganti Favicon Blogger
Setelah merubah logo, sekarang waktunya mengganti favicon default blogger dengan favicon buatan sendiri agar terlihat lebih profesional
Terkadang menggunakan favicon blogspot memang memberi kesan kita tidak profesional dan terlihat hanya seperti sebuah blog gratisan yang umum beredar
Walaupun kenyataannya memang hanya sebuah blogspot namun tampil profesional bukanlah hal yang sulit
Pada tampilan blogger baru, menu favicon berada di setting >> Basic
- Login di Blogger kemudian pilih >> Setting
- Pada bagian Basic >> Klik pada menu favicon
- Selanjutnya klik pada >> choose file
- Browse lokasi kita menyimpan gambar favicon
- Pilih file favicon dengan ekstensi .ico
- Open file
- Kemudian save
Setelah itu kita refresh browser, dan sayangnya terkadang favicon tidak langsung tampil di browser
Hal itu disebabkan karena browser masih menyimpan cache favicon lama
Caranya adalah gunakan browser lain yang tidak pernah digunakan untuk mengakses blog kita, atau clear cache dan refresh kembali browser
Bila tidak ingin repot repot maka biarkan saja, setelah selang beberapa waktu maka favicon akan ditampilkan oleh browser.