Sabtu, 12 Desember 2009

Cara Membuat Favicon Pada Blogspot


Membuat Favicon pada Blogspot
Favicon atau favourite icon adalah icon kecil yang berada pada address bar di samping alamat website atau blog.Pada postingan kali ini saya akan menjelaskan cara merubah favicon pada Blogspot secara garis besar.
Misalnya anda membuat blog baik menggunakan Blogspot.com atau dengan Wordpress.com maka gambar favicon default akan terlihat disamping alamat blog anda. Anda dapat merubah favicon ini sesuai dengan gambar yang anda inginkan. Dengan dirubahnya favicon maka tampilan blog anda akan lebih bagus dan gambar favicon biasanya mewakili conten blog yang anda buat bisa dikatakan sebagai logo blog anda.

Pada gambar dibawah, tanda panah merah menunjuk pada gambar favicon suatu URL situs. Contoh di bawah adalah favicon Blogspot, Favicon Google Translate, dan Favicon Link Sukses.

Berikut ini adalah cara membuat favicon pada Blogspot :
  • Buatlah gambar dengan ukuran 32x32 pixel atau 48x48 pixel dalam format GIF, JPG, atau BMP. Anda bisa paint brush, corel, photoshop atau program editor gambar lannya. Dengan menggunakan photoshop akan lebih mudah karena gambar favicon yang dibuat bisa dalam ukuran besar setelah selesai baru kita perkecil gambar favicon tadi menjadi ukuran yang diizinkan.
  • Setelah selesai dan disimpan, buka blogspot.com dan bikin posting baru atau edit posting yang lama khusus gambar tanpa dipublish. Poting ini cukup disave saja untuk keperluan potingan yang akan datang jika memerlukan gambar ini.
  • Upload gambar Favicon yang telah disimpan tadi.
    Membuat Favicon pada Blogspot
  • Click Tab Edit HTML dan copy alamat gambar favicon yang telah diupload.
  • Click tab Layout kemudian pilih Edit HTML, cari kode </head> dengan cara Ctrl+F, setelah ketemu paste URL gambar Favicon yang telah dicopy tadi di atas kode </head> kemudian save layout (lihat tanda panah merah). Kode lengkapnya seperti pada gambar di bawah:
  • Setelah disimpan, click view blog, maka favicon baru akan terlihat disamping alamat blog Anda. 
  • Bisa juga setelah setelah kode tersebut ditambahkan rel=icon, lebih lengkapnya seperti ini :
    <link href='URL gambar favicon' rel='shortcut icon'/>
    <link href='URL gambar Favicon' rel='icon'/>

    </head> Kode berwarna merah diganti dengan URL gambar Favicon Blog Anda.
Selamat mencoba...!

;

7 comments:

Penghuni 60     9 Februari 2010 14:39

Makasih Mas, atas infonya, wah skrg blog aku udah pnya ikon sendiri nih.
Mksih jg ya udah mampir ke blog aku...

Anonymous     10 Maret 2010 16:11

thanks

Syam Oby     19 Maret 2010 20:23

namanya favicon too
ijin bookmark yah gan,.,,,
hahahhaha
nice inpooo
mamipr balik yah
zona-ketawa-kita.blogspot.com

badman     11 Juni 2010 17:01

wow... mantaf... thanks brow... :)

setiel     15 Juni 2010 10:37

Terima Kasih Mas, berkat petunjuknya blogq jadi tambah keren...

~;~♂♀♥Hati Biru Bersayap♥♂♀~;~     18 Agustus 2010 15:21

Terima Kasih.

Chamal     15 Oktober 2010 04:49

makasih bgt bang,,,
semalaman sy cari2,,ga da yg seditails disini,
mudah dimengerti, makasih bgt,,,

Poskan Komentar

Mohon maaf jika saya terlambat atau tidak dapat me-reply komentar Anda. Terima kasih.

© Copyright
Anda tertarik dan bermaksud untuk menerbitkan/ mempublikasikan kembali artikel Link Sukses melalui website/ blog Anda? Silakan baca aturannya di Term of Use Link Sukses. Terima kasih telah berkunjung.


 Personal Blogs Better Blogging Blogs - Blog Catalog Blog Directory