Membuat Logo pada Address Bar ~ World Fact Dunia Liza

Sunday, April 24, 2011

Membuat Logo pada Address Bar

4/24/2011 04:00:00 AM IT No comments

pada Addres bar setiap kita buka website/blog biasanya ada logo

nah disini saya ingin menulis langkah-langkah mengganti logo tersebut dengan text atau gambar atau foto anda.

Gambar foto saya diedit dengan Photoshop,untuk mendapatkan ukuran yang sesuai sebagai icon/logo blog. Caranya Buka File, New Layer, Ukuran Width : 100 pixels Height : 100 pixels dan Resolution : 150 pixels/inch.design text/foto/gambar apa saja yang diingini, lalu simpan dalam file yang telah diubah ukurannya pada tab Image.

Untuk mengubah file extensi menjadi .ico, silahkan klik disini

1. Upload gambar yang tadi dibuat pada photoshop untuk di ubah menjadi format icon

2. Klik Generate Favicon

3. Edit text yang ingin anda jadikan animasi

4. Download your favicon

5. Save

Kemudian, upload gambar yang telah di generate menjadi favicon tadi di photobucket, imagesachs, tiny, dll.

http://i1109.photobucket.com/albums/h11/cat/ddd.gif

link diatas adalah link yang didapat dari photobucket (hanya sebagai contoh)

Langkah Untuk mengganti Logo/Icon pada Adress Bar

1. login ke blogger anda

2. Klik Design

3. Klik Edit HTML

4. tekan F3 untuk mencari key dengan mudah

5. Copy paste kode HTML yang ada di atas tepat di atas kode

</b:template-skin>

<link href=http://i1109.photobucket.com/albums/h11/cat/ddd.jpg' rel='shortcut icon' type='image/x-icon'/>
</head>

6. save template

lihat perubahannya, jika belum muncul refresh lagi blog anda.

nah lihat kan hasilnya? wow keren :)

selamat mencoba!