Wednesday, April 19, 2017
Create a favicon for your weblog
Create a favicon for your weblog
Menampilkan favicon pada blog
Apa itu Favicon ?
Favicon ( pelafalannya : fav - eye - con ) adalah kepanjangan dari favourite icon atau dikenal pula page icon, merupakan suatu icon atau gambar yang muncul pada hampir semua situs profesional. Umumnya favicon bisa tampil dengan dukungan dari internet exploler, firefox, mozilla, opera, dan safari. Favicon tersebut akan muncul pada address bar. Dan seringkali pemilik blog atau website memasang favicon berdasarkan tampilan dan nuansa dari situs atau logo organisasi mereka.
Berikut tips pemasangan icon tersebut
Pertama anda harus membuat gambar icon pada design tool seperti photoshop 7, phostosop cs dengan ukuran 18x18, save gambar yang telah anda buat dalam bentuk jpg, gif, png
Bila anda merasa kesulitan dalam membuat icon berukuran 18x18, maka anda bisa menggunakan gambar berukuran terserah kemudian upload pada Favicon Generator : favicongenerator.com atau tools.dynamicdrive.com
Kedua, Upload lah gambar yang telah buat pada album online gratis seperti pada photobucket, Setelah itu anda akan mendapatkan kode url yang nantinya anda copy kan ke script berikut :
<link href=Alamat penyimpanan foto anda/masukkan url link jika anda pengguna photobucket rel=icon type=image/x-icon/>
Contoh script icon pada blog saya :
<link href=http://i88.photobucket.com/albums/k200/AndiBagus/LOGOab2.png rel=icon type=image/x-icon/>
Setelah mendapatkan code nya, silahkan beralih ke bagian edit HTML pada blogger anda, kemudian klik edit HMTL dan tambahkan code diatas tepat diatas <title>
Berikut tips pemasangan icon tersebut
Pertama anda harus membuat gambar icon pada design tool seperti photoshop 7, phostosop cs dengan ukuran 18x18, save gambar yang telah anda buat dalam bentuk jpg, gif, png
Bila anda merasa kesulitan dalam membuat icon berukuran 18x18, maka anda bisa menggunakan gambar berukuran terserah kemudian upload pada Favicon Generator : favicongenerator.com atau tools.dynamicdrive.com
Kedua, Upload lah gambar yang telah buat pada album online gratis seperti pada photobucket, Setelah itu anda akan mendapatkan kode url yang nantinya anda copy kan ke script berikut :
<link href=Alamat penyimpanan foto anda/masukkan url link jika anda pengguna photobucket rel=icon type=image/x-icon/>
Contoh script icon pada blog saya :
<link href=http://i88.photobucket.com/albums/k200/AndiBagus/LOGOab2.png rel=icon type=image/x-icon/>
Setelah mendapatkan code nya, silahkan beralih ke bagian edit HTML pada blogger anda, kemudian klik edit HMTL dan tambahkan code diatas tepat diatas <title>
Screen shot penempatan code favicon kedalam edit HTML
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcd2GvRk2S8qvIYBdp24vm72tFyqTNSiFvMncuJGuc0_tVe2Rmx8N_68RgFrlNR0KWmt3rcXC-n5wordZXyVre2EHCD0Yo1ampsyGYR8J2bQ2b41MJjWj0AzP1Vo2u0ilJM9kC1NIKayI/s320/title.jpg)
( klik gambar diatas ini untuk memperbesar)
Available link for download