Minggu, 08 Agustus 2010

Cara Membuat Favicon

Posted by Unknown | Minggu, 08 Agustus 2010 | Category: |


Ad

Baiklah saya jelaskan tentang Favicon,
Favicon adalah singkatan dari Favorite Icon, logo icon di samping alamat Blog,website,atau Url kita.
lihat pada contoh gambar Favicon di bawah ini:



Favicon Standar dari Blogger




Dan jika sudah di rubah maka Faviconnya akan jadi seperti ini:




Langkah-langkah pembuatan Favicon :

1.} Buatlah gambar logo atau image seperti di bawah ini contoh:














Untuk pembuatan Logo download saftwarenya di sini 

2.}  Setelah pembuatan logo salesai, maka ubahlah logo image tersebut menjadi Icon,
      Gunakan Favicon Generator  klik disini
3.}  Pilih Browse cari logo yang sudah di buat tadi untuk di jadikan  icon
4.}  Pilih tombol  Generate Favicon
5.}  Setelah proses selesai, klik tombol Click Here to Download your favicon
       Kemudian save di hardisk drive komputer anda.
6.}  Selanjutnya anda harus mengupload Favicon tadi ke tempat hosting gambar
       Seperti picturetrail  daftar di sini
7.}  Setelah terbuka klik tombol free sign up
       Isi data-data pada kotak yang disediakan. Setelah terisi semua klik Submit Registration.
8.}   Setelah join jadi membernya, klik Upload Photos.
9.}   Klik browse kemudian pilih foto dari komputer anda yang ingin di upload
        Lalu Klik next kemudian pilih My Album, Klik upload.
10.} Kemudian pilih menu Image URLs
11.} Copy kode icon yang telah di upload tadi pada kolom Direct Image Link
12.} Sekarang anda sudah mempunyai alamat URL dari Favicon anda.
        Sebagai contoh  alamat URL image saya seperti ini :


        http://pic80.picturetrail.com/VOL1951/13141586/23384649/390273372.jpg
     

13.} Lalu anda harus menambahkan kode tersebut jadi seperti dibawah ini:

     

        <link rel="shortcut icon" href="http://pic80.picturetrail.com/VOL1951/13141586/23384649/390273372.jpg">

       Perhatikan Huruf yang berwarna biru diganti dengan alamat URL Favicon anda.


14.} Langkah seterusnya  login ke blogger.com
        Pilih Layout/Tata Letak lalu  Edit HTML
15.} Cari kode </head> biar cepat tekan Ctrl+F
16.} lalu simpan kode favicon tadi persis di atas kode </head>
        dan simpan template. 
        Untuk melihat hasilnya sebelum anda menyimpan Template silahkan klik Pratinjau
        terlebih dahulu,klo sudah oke.. baru di simpan.

      Selesailah sudah pembuatan Favicon untuk blog anda, dan Smoga bermanfaat buat blogger pemula.








Ad

Currently have 0 komentar:


Leave a Reply