Tips Gampang Membuat Favicon dan Pemasangan di blogger dengan Mudah

Pernahkan sobat memperhatikan ada icon kecil yang berada di tab browser sobat ketika membuka alamat situs punya orang ? ya betul sekali ada gambar logo yang merupakan ciri identitas si pemilik blog, yang biasa di sebut favicon. dibawah ini akan dibahas tips gampang membuat favicon untuk blog.

Favicon adalah salah satu icon untuk mempercantik blog kita yang letaknya berada di pojok atas tab browser kita, kali ini saya akan coba share tentang bagaimana membuat icon favicon dan cara memasangnya di blog kita.

Cara Pembuatan Logo Favicon

Sangat mudah sekali ada 2 cara yaitu kita bisa membuatnya dengan bantuan tools gratis online / favicon generator di internet atau kita bisa membuat sendiri dengan menggunakan bantuan software adobe photoshop, kita coba bahas satu persatu

Salah satu sarat untuk bisa membuat favicon dengan media online adalah kita harus mempunyai gambar desainnya atau logo kemudian gambar logo yang akan dimasukan ke blog harus berupa gambar bjur sangkar dan filenya kurang dari 100 kb, kalo belum memiliki logo bisa belajar terlebih dahulu cara membuat logo, karena file yang akan dibuatkan favicon biasanya harus berupa file gambar bisa yang ber ekstensi Jpeg, PNG atau Gif.

Setelah memiliki gambar logo kita bisa menggunakan fasilitas tools gratis online diantaranya :

http://www.favicon-generator.org/
Silahkan masuk ke alamat diatas, maka akan muncul tampilan

Tugas selanjutnya adalah tinggal meng klik Choose File untuk memasukan file gambarnya, kemudian setelah gambarnya kita upload tinggal kita proses dengan mengklik Create favicon

Maka logo favicon selesai kita buat, sobat tinggal mendownloadnya dengan meng klik Download the generated favicon dan di save di komputer kita

http://www.genfavicon.com/
Untuk fasilitas tools yang kedua juga hampir sama sobat tinggal masuk ke alamat diatas,

Kemudian untuk hasilnya bisa mengklik tombol Capture dan preview dan hasilnya kita download logo faviconnya

 

Cara membuat desain favicon dengan menggunakan software photoshop 

Disini sebenarnya kita hanya merubah ukuran gambar logo yang sudah ada dengan bantuan software agar bisa di pasang di blog kita.

Silahkan dibuka software adobe photoshopnya mau menggunakan versi berapapun akan sama cara pengoperasiannya.

Kemudian silahkan buka gambar yang akan di buat logo favicon

Setelah gambar nya terbuka kemudian klik menu image > Image Size

Maka akan muncul jendela ukuran gambar yang sudah kita panggil di adobe photoshop

Coba perhatikan fixel dimensionsnya apakah ukurannya 100 kb, jika lebih maka tugas kita merubah ukurannya menjadi 100kb atau kurang. Silahkan rubah ukuran width dan heightnya menjadi 100 pixels

Maka ukuran dimensionnya akan menjadi berkurang yaitu 29,3 kb sehingga file nya sudah jadi dan bisa di save di komputer kita.

Cara Pemasangan Logo Favicon
Sebenarnya untuk pemasangan logo favicon ini sangatlah mudah ketika logo yang kita punyai sudah berukuran 100 kb dan berbentuk bujur sangkar.
Langkah awal seperti biasa kita log in ke blog kita kemudian masuk ke bagian tata letak setelah itu silahkan masuk kebagian editing

Upload gambarnya dan jangan lupa untuk menyimpan file yang sudah kita upload untuk melakukan perubahan. Dan hasilnya logo pavicon pun akan tampil di tab browser yang kita miliki. Seandainya gambar faviconnya belum muncul silahkan di tutup atau di refresh browser yang kita miliki.

Demikian tips pembuatan dan pemasangan favicon  di blogger. Silahkan berkomentar seandainya ada yang kurang dipahami.

Share this post