Cara Memasang gambar favicon di address bar

Oleh Malik Ibrahim

>> Grosir Batik Madura Murah
Pusat Grosir Batik Madura Paling Murah 65 Ribu Langsung dari Pengrajin Batik Tulis Pamekasan, Madura. Hubungi: 087850507172
www.grosirbatikmadura.com
Ads by: Batik Indonesia


Memasang gambar di address bar atau lazimnya disebut favicon banyak dilakukan para blogger, tak terkecuali yang memiliki akun di blogspot. Hal ini dilakukan untuk memberi nilai tambah bagi blognya sehingga terkesan lebih professional layaknya domain berbayar. Disamping itu, dengan memasang gambar favicon yang menjadi ciri khas agar blog kita mudah dikenali. Lewat favicon (singkatan: favorit icon) kita bisa berkreasi dengan membuat logo sesuai keinginan kita. Sedangkan  secara default blogspot menampilkan logo Blogger yang sudah akrab dengan kita itu.


Untuk mengganti icon blogger, ikuti langkah-langkah berikut:
  1. Buatlah gambar berukuran 16 x 16 px atau 32 x 32 px dengan format jpg, png, atau gif (gunakan photoshop) JIKA SAHABAT BELUM PUNYA GAMBAR GUNAKAN SAJA FAVICON YANG SUDAH SAYA SIAPKAN DI SINI atau jika Sahabat ingin yang bisa dimodifkasi dengan photoshop telah tersedia dalam format PSD yang bisa di-DOWNLOAD DI SINI.
  2. Upload gambar tersebut ke blog melalui elemen widget gambar dan letakkan di sidebar.
  3. Setelah gambar terupload, kita dapat melihat gambar tadi sudah ada di blog kita, misalnya seperti yang ada di blog ini ada logo SB   (lihat di address bar)
(SAMPAI DI SINI KITA SUDAH PUNYA GAMBAR YANG AKAN KITA PASANG DI ADDRESS BAR.}
  1. SELANJUTNYA, kita akan memasang ke tamplate kita. Masuklah ke RANCANGAN à EDIT HTML, kemudian cari kode seperti ini:
<b:skin><![CDATA[
  1. COPY kode di bawah ini dan paste di atas kode tersebut.
<link href='http://2.bp.blogspot.com/-0hJqCTWhGgk/TeuwaB3kZsI/AAAAAAAAAZw/Bk2gqa67HGg/s165/vavicon%2Bsuramadu.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
  1. Gantilah kode yang berwarna merah dengan URL gambar yang telah Sahabat upload tadi. Jika Sahabat tidak menggantinya maka yang tampil adalah logo blog ini.
  2. CARA MENGGANTINYA: KLIK KANAN pada gambar yang Sahabat upload tadi, pilih COPY IMAGE LOCATION atau COPY LOKASI GAMBAR. Kemudian PASTE pada kode yang berwarna merah dan akhiri dengan SIMPAN TAMPLATE.
  3. Selesai.

CATATAN:
Pada beberapa tamplate baru yang Sahabat download, biasanya sudah ada kode untuk menempatkan FAVICON seperti ini:
<link href=’YOUR FAVICON HERE' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Jika demikian, Sahabat tinggal meletakkan URL gambar Sahabat pada kode warna biru tsb. dengan COPAS kodenya seperti pada langkah 7.
Oleh: Malik Ibrahim
Usaha Rumahan, Updated at: 27.6.11

{ 2 komentar... Silakan Dibaca atau Tulis Komentar }

Margian T. Qurniadi mengatakan...

Terima Kasih banyak. Blog ini memang memberikan informasi yang sangat bagus. Terima Kasih .

Lilik Gunawan mengatakan...

makasih informasinya. sangat bermanfaat. ganti favicon juga ah... :)

Posting Komentar

Saudaraku, Mohon berkomentar yang memberi semangat dan inspirasi bagi pencari info usaha rumahan. Terima Kasih.