Minggu, 11 Desember 2011

0 komentar

Memasang Favicon di Blog

Share this Article now on :


Favicon merupakan ikon kecil dari suatu halaman web yang selalu muncul pada jendela browser dan URL address . Secara default favicon blog kita masih menggunakan logo dari Blogger (Blogspot) . Untuk mengganti favicon bawaan Blogger , Anda dapat menggantinya dengan gambar yang Anda sukai . File yang Anda buat harus berformat jpg, gif , atau png dan harus berukuran 16×16 pixel .
Anda harus mempunyai sebuah akun di server situs penyedia layanan  penyimpan foto (misalnya:photobucket.com/picasa.com)Pada postingku kali ini saya akan membahas salah satu situs penyimpan foto yaitu Photobucket.com .
Berikut langkah-langkahnya   :
1.      Buka  alamat Photobucket, Jika belum mempunyai akun di Photobucket terlebih dahulu Anda Register terlebih dahulu .  Jika sudah , Login dengan menggunakan akun photobucket yang sudah Anda buat .
2.      Pada halaman My Home , klik upload image and videos , dan pilih file image favicon berformat jpg , gif , atau png (ukurannya harus 16×16 pixel

3.      Setelah di upload , maka Anda akan dibawa ke halaman Organize File , Anda klik Save .
4.      Kembali lagi ke halaman My Home , mouseover image favicon hingga muncul popup seperti gambar di bawah ini .
5.      Copy kode HTML yang ada dalam kotak Directt Link .
6.      Buka kembali Blogger Anda dan buka menu Rancangan > Edit HTML >
7.      Letakan kode berikut ini pada <head> dan setelah </title>pada kotak Edit Template .
<link href=Kode_HTML_ImageFavicon’ rel=’shorcut icon’ type=’image/x-icon’/>
Note   :
Anda ganti Kode_HTML_ImageFavicon dengan kode HTML image favicon Anda di photobucket.com
8.      Anda klik Save Template .
9.      Sekarang Anda buka halaman blog Anda dan lihat hasilnya , bandingkan dengan favicon milik Blogger . Sekarang blog Anda sudah terlihat Indah bukan??
Contoh          :



Catatan         :
Apabila mouseover image tidak muncul popup , klik Share yang ada diatas image . Kemudian arahkan ke menu Get Link Code dan copy kode HTML yang ada pada kotak Direct link for layout pages .

10.  Selamat mencoba!!!

Ingin artikel ini dikirim langsung ke email Anda , silahkan daftarkan email Anda di bawah ini!!!













Enter your email address:


Delivered by FeedBurner
Rating Artikel : 5 Jumlah Voting : 99480 Orang

Weitsss kok masih 0 komentar:

PREMIUM BLOG

Pengikut

Backlink

Copyright © 2012 - 2013 Design by Markus Kono