Selasa, 08 Maret 2011

Cara mengganti logo favicon blog dengan gambar milik sendiri



If you open a site, surely you will see the site logo is plastered on the left end of the site address. Shvoong pages in this example, you see a logo at the bar Shvoong website address above. Similarly, the blog from blogger.com. But why is there another blog that does not use the logo of Blogger.com? How the hell, logo blogger logo can be turned into a blog owner?

Setiap blog maupun website pasti punya logo masing-masing. Khusus untuk blog bdari Blogger.com, memiliki logo default berupa huruf B di kotak berwarna orange. Logo ini bisa diganti dengan logo pemilik blog. Caranya:

A. Membuat Logo
1. Silakan buat logo miliki Anda sendiri (entah gambar atau foto milik Anda sendiri) dengan menggunakan Photoshop atau aplikasi photo editing lainnya. Bikin ukuran logo sebesar width : 20px dan height : 20px, lalu disimpan dengan .format .gif atau .png.
2.Uploadlah photo atau gambar yang sudah Anda edit itu ke situs penyimpan gambar. Dapat diunggah ke picasaweb.google.com atau ke photobucket.com dan yang lainnya. (Jika mau praktis/gampangan, unggah saja ke halaman blog Anda sendiri.)

B. Upload Logo

1. Masuk ke akun blogger anda.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode di bawah ini.
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

(untuk lebih cepat gunakan ctrl F atau tekan F3 saat mencari di Edit HTML blog anda)

4. Copy-paste kode berikut di antara kedua kode di atas :

<link href=link alamat gambar Anda' rel='shortcut icon'/>

tulisan yang tercetak tebal dan berwarna merah di atas ganti dengan kode gambar anda, sehingga hasilnya seperti ini
<title><data:blog.pageTitle/></title>

<link href=link alamat gambar Anda' rel='shortcut icon'/>

<b:skin><![CDATA[


5. Ganti tulisan yang berwarna merah dengan alamat gambar yang akan dijadikan logo blog anda yang telah Anda upload di situs atau blog penyimpanan gambar yang telah Anda buat sebagaimana langkah bagian A di atas.

6. Simpan Template anda.
Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.
Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

Tidak ada komentar:

Posting Komentar