Friday, March 30, 2012

Cara Mengganti Icon Pada Address Bar


Cara Mengganti Icon Pada Address Bar




kali ini Saya akan membahas masalah address bar atau disebut dengan favicon, Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web) . jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

 lalu dibarengi dengan alamat blogger kita.

sudah mengerti..? kalau belum Saya Akan perjelas lagi, contoh gambar favicon.
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu.

caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh seperti gambar di bawah ini :




2. Setelah itu klik upload seperti gambar dibawah







3. maka klik choose file setelah itu klik start upload seperti gambar dibawah ini






4. klik gambarnya dan dapatkan kode HTML nya
4. Ganti huruf yang berwarna merah dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di tempat hosting gambar.

contohnya kamu mengupload gambar kamu di photobucket
1. Sebelumnya pastikan agan memiliki akun photobucket.com

2. Setelah itu klik upload seperti gambar dibawah








3. maka klik choose file setelah itu klik start upload seperti gambar dibawah ini






4. klik gambarnya dan dapatkan kode HTML nya

5. Setelah itu copy kode yang diatas tadi yang seperti ini





ini kode logo manchester united, jadi bagi agan yang fans manchester united , copy aj langsung....

mudah kan gan... Tapi kalau kurang mengerti coba comment kusyarif aja ya!!!


Sumber : http://kusyarif.blogspot.com

JIKA POST DI ATAS BERMANFAAT ...
COBALAH JANGAN PELIT... SELALU MEMBERIKAN KOMENTAR ANDA :)

 

Welcome In My Blogspot

Login...

Login Please Here..

Tutorial Blog

Member Login

Lost your password?

Not a member yet? Sign Up!