Cara Mudah Dapat Uang di Internet Lewat Blog, Twitter, Facebook
» » Bagaimana Cara Membuat Favicon?

Bagaimana Cara Membuat Favicon?


Bagaimana Cara Membuat Favicon?

Bagaimana Cara Membuat Favicon? - D-Copy Blog's | Favicon (singkatan dari "ikon favorit") adalah bahwa ikon kecil yang ditampilkan pada URL bar browser, pada daftar bookmark dan, untuk browser tertentu, pada tab navigasi.

Sementara favicon tidak akan secara drastis mengubah lalu lintas Anda pasti akan meningkatkan tampilan blog Anda, menambahkan ikon unik dan memastikan bahwa pembaca dapat individuate situs Anda dalam daftar bookmark dengan mudah. Di bawah ini Anda akan menemukan panduan langkah demi langkah untuk membuat favicon.


Bagaimana Cara Membuat Favicon? :


1) Pedoman Umum

Favicon adalah tidak lebih dari 16 piksel dengan 16 piksel ikon, dan file tersebut memiliki ekstensi. Ico. Seperti yang Anda bayangkan itu sangat sulit untuk menempatkan grafis kompleks sedemikian bingkai kecil. Ketika merancang favicon Anda, karena itu, Anda harus berkonsentrasi pada gambar sederhana atau huruf. Pastikan bahwa warna favicon mencerminkan warna website Anda, sehingga pembaca akan dapat mengasosiasikan ikon dengan situs.

2) Menggunakan Photoshop (skip titik ini jika Anda tidak menggunakan Photoshop)

Adobe Photoshop mungkin adalah alternatif terbaik untuk favicon dirancang dengan baik. Photoshop standar tidak bisa menangani. Ico, jadi hal pertama yang dilakukan adalah untuk men-download Windows Icon Plugin Photoshop (Anda dapat mendownloadnya di sini).
Setelah Anda memiliki plugin yang terinstal, anda harus membuat 64 x 64 piksel kanvas dan mulai bermain dengan itu. Setelah Anda selesai mendesain favicon Anda akan perlu untuk mengubah ukuran gambar. Buka menu Image Size dan klik Resample Gambar. Proses ini akan memastikan bahwa gambar tidak akan kabur seperti yang Anda skala itu turun. Akhirnya hanya menyimpan 16 x 16 gambar sebagai "favicon.ico"?.

3) Menggunakan MS Paint dan alat-alat web

FAVICONS adalah ikon gambar yang sangat sederhana, yang berarti bahwa bahkan Microsoft Paint harus cukup untuk membuat yang terlihat baik. Cara termudah adalah dengan membuat 32 x 32 piksel gambar JPEG dengan Paint dan kemudian menggunakan layanan "Favicon dari Pics" online? untuk mengubah gambar JPEG menjadi file favicon.ico.

4) Meng-upload file favicon.ico

Setelah Anda selesai dengan file favicon.ico Anda harus meng-upload ke situs Anda. Pastikan Anda menempatkannya di direktori root, yang merupakan direktori dimana file indeks berada.

5) Mengubah header

Langkah terakhir adalah mengubah header, yang merupakan kode yang berjalan antara
<head>
dan
</ head>
tag. Yang perlu Anda lakukan adalah menambahkan baris berikut:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
Perhatikan bahwa kode ini hanya akan bekerja jika favicon.ico terletak di direktori root.

6) Pengujian


Semuanya harus di tempat sekarang, hanya buka browser Anda dan arahkan ke situs Anda untuk memeriksa apakah favicon yang muncul atau tidak. Bookmark situs dan membuka beberapa tab untuk melihat bagaimana ikon ini melihat, jika Anda tidak suka kembali saja ke papan gambar.
Odii Siitohang
Judul: Bagaimana Cara Membuat Favicon?;
Ditulis oleh: Anonymous;
Rating Blog: 5 dari 5





Anda sedang membaca Artikel tentang Bagaimana Cara Membuat Favicon? dengan url http://d-copy.blogspot.com/2013/01/bagaimana-cara-membuat-favicon.html, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.
D-Copy Reader DMCA
[2] Komentar untuk Bagaimana Cara Membuat Favicon?:

Beberapa panduan dalam berkomentar :
Untuk menyisipkan kode[code]KODE ANDA[/code]
Untuk menyisipkan quote[blockquote]QUOTE ANDA[/blockquote]
Untuk menyisipkan gambar[img]URL Gambar[/img]
Untuk menyisipkan video[youtube]URL Video[/youtube]
Anda bisa mengekspresikan komentar Anda dengan emoticon
Klik subscribe by email agar Anda segera tahu balasan komentar Anda

 
D-Copy Blog © 2013 - All Rights Reserved Design : Creating Website Published : Mas Template