Jumat, 18 Maret 2011

Membuat+Pasang Favicon di Address Bar Blog

Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :
faviconSekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat. Sobat bisa merancang sendiri lewat Photoshop atau kalau tidak mau repot bisa mendownload gambar di Internet.

Bagaimana caranya membuat favicon nya?
Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.

I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com
  1. klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image

    image
2. Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).

image
3. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja. 
image
4. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat. 

image
5. Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.
6. Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites : 

http://sites.google.com/site/dodyfarial/image/RSS-Blue.png

II. Buka Blogger, masuk menggunakan ID sobat.


Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :   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).

Okelah kalau begitu..langsung ke TKP aja..heheheee,..
Tutorialnya begini :
1. Pertama masuk ke blog dulu
2. Masuk ke Rancangan
3. Masuk ke "Layout --> Edit HTML dan cari code <b:skin>
kalau  sudah ketemu, copy paste code dibawah ini, tepat diatas code <b:skin>

<link href='http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-003.gif' rel='SHORTCUT ICON'/>

7. Simpan template. Dan berhasil.
Keterangan :
Teks yang berwarna hijau kamu ganti dengan alamat gambar yang kamu inginkan..
atau bisa juga kamu upload image yang kamu inginkan  DISINI atau DISINI dan DISINI
Atau kalau kamu tidak mau repot-repot, dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img264.imageshack.us/img264/7575/image16kn8.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif


Good Luck,.....

0 komentar:

Posting Komentar