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
( klik gambar diatas ini untuk memperbesar)
Panduan yang bagus.
ReplyDeleteThanx Pluk Favicon-nya, dari dulu aku gak berhasil. Berkat kamu aku berhasil bikin Favicon.
ReplyDeleteHeheheh....Berhasil....Berhasilll.....
wah keren. sekedar info klo mau download iconya bisa nyari di freeicon7.net
ReplyDeleteMaaf numpang ngelink....
ReplyDelete-----------------------------------
artikel kesehatan
download pdf jawapos
yoga
review
BitDefender
Logos Quiz Game – Level 5 Solutions Logos Quiz game is a quiz game that requires you to guess hundreds of logo from around the world more than 350 logos. I’m sure that not all of you playing this game are familiar with all the logos. If you are feeling frustrated and giving up this game, the you have to spent more time on this post
ReplyDeleteAppreciate this bloog post
ReplyDelete