Minggu, 08 Maret 2009

Cara membuat shortcut icon

Blogging akan semakin menarik dengan aneka Tips HTML yang memuat blog Anda semakin cantik. Dan Tip kali ini adalah tentang bagaimana cara membuat Shortcut Icon

Shortcut icon adalah icon yang muncul di browser Anda ketika Anda mengunjungi sebuah website. Sebagai contoh, ketika Anda mengunjungi halaman ini, terlihat pada tab browser icon berkedip. Sebutan lain untuk itu adalah favicon atau favorite icon. Cara membuatnya sangat mudah. Mari langsung mempraktekannya untuk blog Anda dengan petunjuk di bawah ini.

Menyiapkan icon

Pertama Anda harus menyiapkan file gambar sebagai icon berukuran kecil. Saya menggunakan file gif dengan ukuran 45 x 45 pixel untuk favicon yang Anda lihat berkedip-kedip itu.

File gambar tersebut ditempatkan di folder host, atau jika tidak memiliki host, gunakan lokasi penyimpanan yang disediakan blogger. Caranya, buat posting seperti biasa kemudian tambahkan gambar Anda, publish atau terbitkan entri. Jika Anda mengedit post Anda, di sana terlihat bahwa gambar disimpan di lokasi blogger. Sebagai contoh adalah gambar berikut:

http://3.bp.blogspot.com/_42cT-Gb20QI/Sa6nDZxxN9I/AAAAAAAAAG8/V_TPLakOyFg/s200/incon.png

Sebagai latihan, Anda bisa menggunakan URL tersebut sebagai gambar untuk shortcut icon Anda.

Menyisipkan Link Rel untuk Shortcut icon

Silahkan login ke blogger, pada dashboard Anda, pilih menu Tata Letak kemudian pilih Edit HTML. Letakkan cursor Anda setelah tag </title> sebelum tag </head>. Lalu sisipkan kode berikut ini:

<link href='http://3.bp.blogspot.com/_42cT-Gb20QI/Sa6nDZxxN9I/AAAAAAAAAG8/V_TPLakOyFg/s200/incon.png' rel='shortcut icon' />

Simpan template Anda dan lihat hasilnya pada browser.

Untuk mengganti dengan gambar Anda sendiri, Anda cukup menggantikan URL lokasi gambar - yang diblock dengan background kuning dengan URL milik Anda sendiri.

Atau, Anda juga bisa menggunakan bantuan online tool untuk membuat shortcut icon.

Selamat mencoba







3 komentar:

  1. Thx banget bro..!
    Gue sdh ikutin panduan dan is ok..

    sukses bro untuk hadianya gue kasih 1 click di iklan kumpulblogger.com punye si bro..

    Caou...

    BalasHapus
  2. goblok ! favicon katanya shorcut icon, dasar amatir, sok2an pakar.

    BalasHapus