Home / Tutorial Blogspot / Cara Pasang Favicon di Blog

Cara Pasang Favicon di Blog

Posted by Unknown Minggu, 22 Agustus 2010 0 komentar

Memasang favicon diblog tentu semua blogger udah tahu semua, tapi yang belum tahu mungkin tips ini bisa membantu. Favicon adalah sebuah gambar kecil atau icon yang akan tampil di address bar atau tab bar pada web browser seperti ini :

Logo Firefox tersebut aslinya sebenarnya Logo Joomla saya ganti dengan logo firefox :).

Untuk membuat sebuah favicon, sobat buat dulu logo yang dikehendaki, lebih bagus hasil karya sendiri jadi secara langsung favicon tersebut dapat menjadi identitas blog/web sobat. cara buat favicon untuk blog sangat gampang yaitu bisa memanfaat kan photoshop, logonya kira-kira ukurannya 30pixel x 30pixel lalu simpan dengan format JPEG, GIF atau PNG trus upload gambar sobat ke hosting tempat file foto gratisan, misalnya di Tinypic.com silahkan daftar di situs tersebut, sebenarnya gak daftar bisa tapi biar lebih terorganisir file kita sebaiknya daftar..

Upload Favicon sobat dari komputer, misalnya setelah proses selesai lalu ambil kodenya (lihat gambar dibawah) copy kode yang terletak paling bawah.

Lalu di pastekan di Url kode ini :

<link href='URL Favicon anda' rel='shortcut icon'/>

Hasilnya seperti ini

<link href='http://129.tinypic.com/4rykqf.jpg' rel='shortcut icon'/>

Nah untuk menempatkan favicon itu diblog sobat caranya silakan masuk pada TATA LETAK (layout) EDIT HTML dan jangan lupa centang Expand Template Widget. Lalu silakan anda cari kode </head> bila susah tekan CTRL F, setelah ketemu letakan kode URL favicon sobat tepat diatas kode </head> hasilnya seperti ini

</head>

lalu simpan template, maka favicon baru berlogo Blogger akan diganti menjadi favicon milik sobat.

Jika cara yang diatas tidak bisa soalnya kateristrik template bisa berbeda , ada cara lain yaitu, dengan menggunakan kode ini :

<link href='URL Favicon Blog Sobat' rel='shortcut icon'/><link href='animated_favicon1.gif' rel='icon' type='image/gif'/>

<link href='http://129.tinypic.com/4rykqf.jpg' rel='shortcut icon'/><link href='animated_favicon1.gif' rel='icon' type='image/gif'/>

lalu cari kode <head> letaknya paling atas template sobat, tepatnya seperti dibawah perhatikan penempatannya :

<head>
<b:include data='blog' name='all-head-content'/>

<link href='http://129.tinypic.com/4rykqf.jpg' rel='shortcut icon'/>

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Cara Pasang Favicon di Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://rosorasa.blogspot.com/2010/08/cara-pasang-favicon-di-blog_22.html. Terima kasih sudah singgah membaca artikel ini.