Membuat favicon pada address bar blog

Sebelum kita membahas lebih jauh tentang favicon. Maka ane akan menjelaskan terlebih dahulu mengenai apa yang dimaksud dengan Favicon. Favicon merupakan simbol yang berada di kolom address blog kita. Kalau kalian termasuk orang yang jeli maka tentunya kalian tahu kan loga blogger (B) yang ada di address bar ( Itu loh yang logo huruf B yang berwarna jingga). Ketahuilah saudara ku logo itu dapat di ganti dengan logo yang kita mau. Tentunya dengan logo kita sendiri akan menambah gairah dalam ngeblog.

Persiapan yang perlu kalian persiapkan adalah menyiapkan icon untuk kalian gunakan dalam blog kalian sendiri. Tentu nya untuk kamu-kamu yang telah menguasai program pengolah gambar seperti corel draw, Photoshop atau yang sejenis nya hal ini menjadi perkara yang mudah saja. Tapi buat kalian yang belum pandai membuat gambar ikon dengan program tersebut jangan khawatir. Karena kalian dapat membuat ikon yang identik dengan kamu melalui temen kamu yang bisa atau mahir program pengolah gambar atau kalian juga bisa menggunakan fasilitas pengolah logo, Seperti Cooltext, Ok lanjut ke tutorial buat faviconya.


Setelah jadi logo yang kamu sukai lalu gunakan website pembuat logo favicon, Cara nya mudah banget kamu tinggal upload aja. Buka halaman Favicon from Picture,



browse gambar dari komputer mu ato laptop mu, dan "Add another image". Setelah itu akan muncul halaman sebagai berikut :



Klik "Download Favicon Package", lalu ekstrak file winzip hasil download, lalu gambar ikon yang hasil ekstrak kamu upload ke hosting gambar website gratis seperti Photobucket, (catatan jangan tutup dulu halaman Favicon from picture diatas) Karena kita masih butuh kode untuk mengaktifkan ikon kita dan kode itu berada di sebelah kanan dari gambar diatas.



Masukkan kode yang telah anda dapat dari Photobucket kedalam kode dibawah ini.
<link href='DISINI' rel='shortcut icon' type='image/x-icon'/>
Sehingga menjadi seperti ini :
<link href='http://s989.photobucket.com/albums/af18/Herifauzansuheri/Emotion/?action=view&current=AddEmoticons12718.gif' rel='shortcut icon' type='image/x-icon'/>
Langkah selanjutnya adalah meletakkan kode yang telah kita dapatkan,
  • Login ke halaman dasbor blogger 
  • Masuk ke Rancangan lalu edit HTML, Jangan lupa untuk mengaman kan template kamu download lengkap HTML template blog kamu, lalu klik "expand template"
  • Cari kode </head>
  • Lalu letak kan persis diatas kode tersebut
  • Selesai....

Semoga bermanfaat......

Related Posts by Categories



0komentar:

Posting Komentar