Membuat Icon Blog Sendiri di Address Bar

 

Udah liat icon blog saya pada address bar diatas, bukan?!  Gimana…Lucu, bukan?! Gambar Kedelai…Eh, Keledai !!. Anda pengen mencoba bikin icon/gambar sendiri pada blog anda seperti punya saya itu?! Gampang kok…

 

Jika anda punya atau bikin blog di Blogspot, maka icon default yang akan tampil pada blog anda di address bar (kotak untuk mengetik alamat web) adalah gambar seperti ini :

 

Bagi anda yang tidak puas dengan icon/gambar seperti “itu-itu” terus, anda bisa kok menggantinya dengan icon/gambar sesuai dengan keinginan anda. Seperti icon pada blog saya ini. ( Hehe..!! )

 

Caranya sebenarnya mudah aja kok. Jika anda ahli atau professional dalam menggunakan Adobe Photoshop atau sejenisnya, anda bisa saja membuat gambar (gif, jpg, ico, dan lainnya) dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel. (Sebenarnya ukurannya bebas sih, tapi jika filenya kecil, maka proses membukanya bisa lebih cepat).

 

Tapi, bagi yang tidak "lihai" untuk membuatnya, jangan khawatir, kita cuma tinggal meng-upload gambar atau foto yang kita jadikan icon (untuk semua ukuran) di hosting/website gratis untuk membuat icon, kali ini kita coba memakai Favicon from Pics.

 

Langkah Pertama :

• Kunjungi situs tersebut di sini.
• Upload gambar atau foto yang ingin dijadikan icon.
  
• Setelah selesai proses upload-nya, kita tinggal mendownloadnya. Kemudian di-extract lalu simpan di PC kita.

 

Langkah Kedua :

• Gambar atau foto yang telah menjadi icon tersebut, silahkan di-upload kembali di hosting gratis, seperti Photobucket.com, atau Yahoo Geocities.
• Ambil link hasil gambar yang telah di upload tadi. Biasanya formatnya seperti ini :

    http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif

   http://i290.photobucket.com/albums/ll256/angkatan2006/sonictrik.gif

• Sekarang anda tinggal mengubah/membuat alamat URL favicon anda menjadi seperti ini. (Ganti link yang berwarna merah dengan alamat link icon atau gambar anda tadi)

<link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif’ rel='shortcut icon' type='image/x-icon'/>

• Masuk ke Blogger dengan ID anda, kemudian klik Tata Letak, lalu pilih Edit HTML.
• Cari kode <b:skin> atau biasanya bersatu menjadi kelihatan seperti ini :

<b:skin><![CDATA[/*

• Simpan kode URL favicon anda tadi persis di atas kode <b:skin>. Contoh :

<link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif' rel='shortcut icon' type='image/x-icon'/>

<b:skin><![CDATA[/*

 

• Kemudian tekan SIMPAN TEMPLATE dan lihat hasilnya.

 

Semoga Tutorial ini Bermanfaat !!!

 

NB :

Artikel ini saya sadur dari Bahauddin Amyasi Blog. ( Makasih infonya, mas !! )

Artikel Yang Berhubungan