Sunday, October 9, 2011

Memasang Favicon / Icon , Logo disamping URL Blog Tanpa diUpload


Mungkin sebagian dari kalian belum tahu apa itu Favicon, nah Favicon adalah Icon yang digunakan untuk mengganti Icon default Blog yang berada tepat disamping kanan URL blog anda
seperti ini contohnya
 kalau kalian ingin mengganti seperti gambar diatas pada blog anda, sesuai icon ataupun gambar sesukai anda.

 Bila anda tidak memiliki Acount disalah satu situs Seperti Shareapic, Photobucket, Imageshack dan lain-lain. , saya punya solusinya.
Caranya tidaklah sulit tetapi sangat gampang cukup ikuti langkah-langkah berikut :
1. Klik situs http://www.deviantart.com/
 - Kemudian Tulis pada kolom
- NAMA Gambar.GIF (Untuk gambar bergerak)
- NAMA Gambar.PNG (untuk gambar saja)
- Icon NAMA Gambar
Misalnya Icon Cow
Anda akan mendapatkan beberapa gambar Icon bertipe GIF maupun PNG, kemudian pilih icon tersebut

Klik kanan NEW TAB pilih
Copy Semua URL yang ada didalam kolom diatas
2. Login ke blog Anda. Klik Design -> Edit HTML.
3. Cari Kode Seperti dibawah ini
<title><data:blog.pageTitle/></title>
- Tekan Ctrl + F, masukkan kode diatas dalam kolom Find klik Next
4. Bila sudah ketemu, Letakkan alamat URL yang anda copy tadi Tepat dibawah kode
<title><data:blog.pageTitle/></title>
- Jika iconnya disimpan dalam format .GIF, gunakan kode ini
<link href='alamat URL icon Anda' rel='shortcut icon' type='image/gif'/>

- Jika iconnya disimpan dalam format .PNG, gunakan kode ini
<link href='alamat URL icon Anda' rel='shortcut icon' type='image/png'/>
5. Kemudian SAVE dan liat hasilnya
Kalau anda memiliki Acount disalah satu situs Seperti Shareapic, Photobucket, Imageshack dan lain-lain.
Terlebih dahulu Anda harus mempunyai sebuah gambar atau icon yang disimpan dalam format .GIF atau .PNG dengan ukuran 32x32 pixels,setelah Anda mempunyai icon. Upload iconnya ke image hosting.
Setelah iconnya diupload. Copy alamat URL dimana icon Anda disimpan.
Ikuti langkah-langkah seperti diatas


 Selamat mencoba dan berkreasi

0 comments:

Post a Comment

 

Design By:
SkinCorner