Membuat+Pasang Favicon di Address Bar Blog

Posted by adOeL - -

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,.....



Lihat juga artikel lainnya :)

Utta Melanikz

Post Author : Utta 'The Shelter'

Gue hanyalah seorang blogger pemula yang ingin belajar dan berbagi, Semua artikel bersumber dari pengalaman yang saya dapatkan dari dunia internet.Jika anda senang dengan Artikel ini, silahkan berlangganan gratis Via Email atau Feed Rss

Bagaimana Pendapat Anda??

Segera Laporkan apabila sobat menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini,dan Blog ini sudah DoFollow, namun tetap jaga kesopanan dengan tidak melakukan komentar spam yach.