Cara Pasang Favicon di Blog

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'/>

Ditulis Oleh : Unknown ~ Blogger Kalianda

Sobat sedang membaca artikel tentang Cara Pasang Favicon di Blog. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, dan jangan lupa untuk follow dan meninggalkan komentar sobat.

:: Cara Membuat Permalink disini ::

Share this article :

Cara Pasang Favicon di Blog

Ditulis Oleh : Unknown ~ Blogger Kalianda

0 comments:

Post a Comment

Popular Posts

Arsip Blog

Random Post

Statistik

Daftar Isi

Followers

Komentar