Ini Baru Iklan

Chat with me
dimastyo12@yahoo.com. Diberdayakan oleh Blogger.
Minggu, 04 September 2011

Cara Mengganti Logo Blog

11.44 | Diposting oleh Unknown | Edit Entri

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. (anda juga bisa cari di paman google jika anda binggung untuk membuat gambarnya)
  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, Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHFzc4ogd5tAEt3NOw8kBSJzgQMJvKi7icL9ZcxVCQb1TQ9n_aPm9G08BA-pLYeuCLtCAHxwi2jliDBqmY4ZIcdDuoE97EmVzPk9hssZ0ptHwskl2H9L69uuY1rKNo6HR8aCmQQKi3UxlX/s512/icon3c.gif

    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: </head>, letakkan kursor anda sebelum tanda </head> tersebut Selipkan syntax berikut :
  7. <link href='http://www.timawa.net/forum/Smileys/default/armata_PDT_33.gif'/> (NB: Ganti alamat yang berwarna merah sesuai alamat icon anda.
  8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai
Silahkan dicoba. Beri tahu saya hasil yang anda buat.


jika anda tidak berhasil anda bisa melakukan untuk memaksa browser menampilkan favicon diatas, anda dapat menambahkan kode:
<link href='http://www.timawa.net/forum/Smileys/default/armata_PDT_33.gif' type='image/gif' rel='icon' />
Tepat dibawah kode point no. 7.
jadi seprti ini :
<link href='http://www.timawa.net/forum/Smileys/default/armata_PDT_33.gif'/>
<link href='http://www.timawa.net/forum/Smileys/default/armata_PDT_33.gif' type='image/gif' rel='icon' />
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!
Semoga bermanfaat.
Mau cara yang lebih mudah lagi? Klik disini untuk membaca
Label:belajar buat blog, belajar iseng-iseng , , , ,

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

Status Rank

Top Kategori

Update FB Via

STATUS ONLINE

Langganan via Email


Terima Kasih Anda Sudah Mau Berkunung Ke Blog Saya | Belajar Iseng - Iseng | Semoga Anda Senang Berkunjung ke Blogger saya | Jangan Lupa Tinggalkan Coment Di Bawah Ini YA |

LOGO

LINK

Peta Situs

Blogger Template created with Artisteer.