email
PhotobucketPhotobucketPhotobucket
0

Cara mengganti logo blogspot - mengganti favicon blogger


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 bi sa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop.
  2. Ukuran icon yang saya buat adalah 27 x 20 pi xel. 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, Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfeqtk7X3i8LA9lWMe6s0yYHsX2rFJUI2lEqKkvONLtPkJVRjJdXZfHUELOMyX8J8ZwQe-tW50Ie_hjaQKbmxoaBuon0Opyujw9jXKYbPI-0sQ4xpjDccK3EWXXYw75gxHn3oYJtl8WyH/s512/icon3c.gif

    Updated - 23 Mei 2011 : Anda dapat mengupload file favicon ke
    1. http://www.iconj.com/favicon_hosting.php
    2. http://www.picpanda.com
    3. http://www.fileden.com
    4. http://mirrorimg.net
    5. http://www.imageboo.com
  5. Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML
  6. Tekan CTRL+F, masukkan kata: , letakkan kursor anda sebelum tanda tersebut
  7. Selipkan syntax berikut :
    <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfeqtk7X3i8LA9lWMe6s0yYHsX2rFJUI2lEqKkvONLtPkJVRjJdXZfHUELOMyX8J8ZwQe-tW50Ie_hjaQKbmxoaBuon0Opyujw9jXKYbPI-0sQ4xpjDccK3EWXXYw75gxHn3oYJtl8WyH/s512/icon3c.gif' rel='shortcut icon'/> (NB: Ganti alamat https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfeqtk7X3i8LA9lWMe6s0yYHsX2rFJUI2lEqKkvONLtPkJVRjJdXZfHUELOMyX8J8ZwQe-tW50Ie_hjaQKbmxoaBuon0Opyujw9jXKYbPI-0sQ4xpjDccK3EWXXYw75gxHn3oYJtl8WyH/s512/icon3c.gif sesuai alamat icon anda di ImageShack)
  8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai
Silahkan dicoba. Beri tahu saya hasil yang anda buat.

--------------------- Update (10 Feb 2010) --------------------
Untuk memaksa browser menampilkan favicon diatas, anda dapat menambahkan kode:

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfeqtk7X3i8LA9lWMe6s0yYHsX2rFJUI2lEqKkvONLtPkJVRjJdXZfHUELOMyX8J8ZwQe-tW50Ie_hjaQKbmxoaBuon0Opyujw9jXKYbPI-0sQ4xpjDccK3EWXXYw75gxHn3oYJtl8WyH/s512/icon3c.gif' type='image/gif' rel='icon' />

Tepat dibawah kode point no. 7.

Favicon dengan tipe file gif bisa muncul dengan baik di browser firefox, namun tidak tampak di IE. Untuk memastikan setiap icon muncul dengan konsisten, tipe file harus .ico. Silahkan kunjungi http://www.html-kit.com/favicon/ untuk membuat file .ico gratis!
Read more
 

Blogger Tube

Blogger Tube
contoh DEMO klik gambar

Rock All Night

Rock All Night
contoh DEMO klik gambar

Business View

Business View
contoh DEMO klik gambar

Cameo

Cameo
contoh DEMO klik gambar

Studeno

Studeno
contoh DEMO klik gambar

FRANKLE

FRANKLE
contoh DEMO klik gambar

Photo Gallery

Photo Gallery
contoh DEMO klik gambar

Malina

Malina
contoh DEMO klik gambar

Guild Wars

Guild Wars
contoh DEMO klik gambar

Liberation

Liberation
contoh DEMO klik gambar

i Movies

i Movies
contoh DEMO klik gambar

New Story

New Story
contoh DEMO klik gambar