Cara Membuat Favicon Kreasi Sendiri

Diposting oleh Unknown on Selasa, 14 Agustus 2012

Cara Membuat Favicon Sendiri yang akan di bahas kali ini berbeda dengan turitorial sebelumnya Membuat Favicon Kreasi Sendiri Secara Online. Kali ini kita akan mencoba membuatnya secara offline yang tentunya lebih mudah dan kualitas gambar yang di hasilkan pun lebih menarik. Ada beberapa langkah yang akan sobat lakukan untuk dapat Membuat Favicon Sendiri, diantaranya adalah:

1. Membuat gambar

Langkah pertama, buatlah sebuah gambar yang akan di jadikan sebagai favicon. Dimensi gambar haruslah berbentuk persegi, misalkan ukurannya 100 x 100 px. Maksimal file 100Kb. Contoh seperti gambar di bawah ini :




Bagi yang sudah mahir dalam menggunakan photoshop sobat semua dapat membuatnya melalui photoshop tentunya sudah semua pada tahu bahwa dengan photoshop kita dapat menghasilkan gambar yang berkualitas, untuk turitorial menggunakan photoshop silahkan klik
disini. Nah bagi yang belum mahir menggunakannya tidak usah khawatir karena kita dapat membuat gambar secara online klik disini untuk dapat membuat gambar secara online, ini salah satu contoh web yang menyediakan layanan ini http://cooltext.com/

Apabila gambar sudah ada, maka simpanlah gambar tersebut di komputer anda.

2. Mengganti Format gambar menjadi ico,  silahkan sobat semua menuju ke alamat http://www.favicongenerator.com/. Lihat pada bagian step 2, itu adalah untuk mengupload gambar yang akan di jadikan favicon, apabila gambar sudah di upload kia tinggal menuju kepada step 3. klik pada generate favicon. Sekarang favicon sobat sudah jadi, untuk mensavenya klik kanan pada gambar favicon yang telah di buat kemudian klik simpan gambar dengan nama. Kini favicon anda sudah tersimpan di computer.

3. Mengupload favicon Ke Blogger

Langkah selanjutnya adalah mengupload gambar yang tadi sudah di buat ke blogger. Berikut langkah-langkahnya :

Cara Pertama
  • Silahkan login ke blogger dengan ID anda.
  • Klik dropdown menu, kemudian klik Tata Letak

    tata letak blogger

  • Klik Edit pada Widget favicon

    edit favicon

  • Klik Browse, lalu pilih gambar yang telah dibuat tadi
  • Klik tombol Simpan.

    upload favicon

  • Selesai.
Favicon anda telah berhasil di upload, namun untuk melihat perubahan perlu waktu beberapa jam. Tunggulah 5 – 12 jam dan favicon anda akan berubah sesuai dengan gambar yang anda upload.
Catatan: apabila gambar telah di upload tapi masih belum ada gambar kita pada browser silahkan sobat semua tambahkan dengan cara yang ke dua

Cara Kedua.

  • Login terlebih dahulu di blogger.com
  • Pada menu dropdown, klik Template.
  • Klik Edit HTML dan Proceed
  • Cari kode </head>
  • Tempatkan kode berikut sebelum kode </head>
<link href='URL ICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
  • Save Template sobat.
Ingat : Tulisan yang berwarna merah harus di ganti dengan URL gambar sobat.
Ini adalah contoh url favicon saya http://dc602.4shared.com/img/ufDJCIWn/s7/MTfaviconico.png
Kode yang saya berikan pada Cara kedua, membuat favicon sobat blogger tampil di media browser Google Chrome atau media Browser yang lain. Kode tersebut berbeda dengan kode-kode yang sobat blogger dapatkan di blog lain. Kalau sobat blogger menggunakan kode seperti ini :
<link href='URL ICON' rel='shortcut icon'/>
Maka Favicon yang sudah sobat blogger ganti hanya tampil di media Browser Mozilla Firefox.

Itulah panduan Cara Membuat Favicon Kreasi Sendiri. Semoga bermanfaat bagi anda.







Ditulis Oleh : Unknown ~ Turitorial Blog

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Favicon Kreasi Sendiri. Terimakasih atas kunjungannya dan semoga artikel ini dapat bermanfa'at.

:: Thank you for visiting ! ::

Comments
0 Comments

{ 0 komentar... read them below or add one }

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Bagaimana Pendapat Sobat Semua Tentang Artikel Di Atas???

Untuk menambahkan yahoo emotion pada komentar sobat adalah dengan cara menyertakan kode yahoo emotion diatas pada komentar yang sedang ditulis contohnya kode seperti ini :) yang terdapat di atas kotak komentar ini

Panduan Memberi Komentar
1.Masukan komentar anda
2.Lalu pada kata 'beri komentar sebagai' , pilih account yang anda punya, bagi yang belum mempunyai account pilih Name/url, isi nama anda dan Kosongkan URL atau isi dengan alamat facebook anda(untuk mengetahui alamat facebook anda silahkan login ke facebook dan pilih profile anda, anda dapat melihat alamat Facebook anda di atas, contoh alamat Facebook punya saya http://www.facebook.com/profile.php?id=1823916177
3.dan kemudian Publikasikan
4.Selesai dan anda tinggal menunggu komentar anda muncul
Semoga bermanfa'at.

 
^ Back to Top