Breaking News
Thursday 10 June 2010

Cara Membuat Icon Pada Address Bar

Suatu kehormatan untuk menjawab pertanyaan seorang teman blogger ukhty Wardah dari negara tetangga bagaimana cara mengganti icon pada address bar? Sebelumnya pertanyaan yang sama juga diajukan ukhty SuciYellow

Untuk kita yg memiliki blog di blogger/ blogspot icon defaultnya seperti ini kita bisa menggantinya dengan icon favorit kita, berikut caranya:
  • Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh icon anaa:


  • Jika image anda berukuran besar anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com
  • Klik pada tombol Browse...
  • Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
  • Klik pada tombol Generate Favicon.
  • Setelah proses selesai, klik pada Click Here to Download your favicon.
  • Save ke komputer anda.
  • Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gamabar, misalnya photobucket, imagesachs dll.
  • Setelah anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, anaa mempunyai sebuah alamat URL seperti ini :
    http://dl9.glitter-graphics.net/pub/47/47449ih9hcr3tmj.gif
  • Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

<linkhref='http://dl9.glitter-graphics.net/pub/47/47449ih9hcr3tmj.gif' rel='shortcut icon' type='image/x-icon'/>

  • Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
  • Klik pada Tata Letak.
  • Klik Edit HTML.
  • Silahkan cari kode </head> posisinya berada bagian atas
  • Simpan kode favicon yang tadi persis di atas kode </head> . Contoh :

<linkhref='http://dl9.glitter-graphics.net/pub/47/47449ih9hcr3tmj.gif' rel='shortcut icon' type='image/x-icon'/>

  • Klik tombol Simpan Template.
  • Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

Semoga bermanfaat!

dicopas dari AMATULLAH83

Artikel Terkait:

Silahkan Kunjungi Blog Kami Yang Lainnya

Klik Gambar di bawah ini

0 comments:

Post a Comment

 
Klik Info Lainnya