KONTAK SAYA

Email Twitter Facebook

TELUSURI

GALERI FOTO

Kategori Arsip Daftar Isi

MULAI DARI SINI

Pelayanan Portfolio Pembayaran

Senin, 04 April 2011

Mengganti Logo Blogger (Favicon)

Blogger.com (blogspot.com) memberikan kebebasan kepada para bloggernya untuk mengubah faviconnya masing-masing. Lihat perbandingan dua gambar berikut.

Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku. Bikinnya gampang kok. Saya akan tunjukkan kepada anda sekalian bagaimana mengganti favicon blogspot:
  1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
  2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
  3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang)
  4. Upload gambar ke ImageShack atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc6/206222_1329537295004_1728141939_558154_2605095_n.jpg
  5. Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML
  6. Tekan CTRL+F, masukkan kata: </head>, letakkan kursor anda sebelum tanda </head> tersebut
  7. Selipkan syntax berikut :
    <link href='http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc6/206222_1329537295004_1728141939_558154_2605095_n.jpg' rel='shortcut icon'/> (NB: Ganti alamat http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc6/206222_1329537295004_1728141939_558154_2605095_n.jpg sesuai alamat icon anda di ImageShack)
  8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai
Silahkan dicoba.

sumber:
http://www.bloghery.info/2009/12/cara-mengganti-logo-blogger-di-address.html

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Sweet Tomatoes Printable Coupons