The-Pinguin

Reference Information About The Technology

Subscribe
Add to Technorati Favourites
Add to del.icio.us

Suported by :

Bisnis Internet | Bisnis Online | Uang dari Internet |  Duit gratis | komisi 80% CO.CC:Free Domain
Wednesday, May 27, 2009

Cara Membuat Favicon di Blog

Posted by Oki Arifin


Teman2 pst pnsaran, Apa itu favicon?
Favicon adalah gambar/ikon kecil yang letaknya ada di pojok Address Bar Browser disamping alamat website/weblog tertentu. Contoh saja Anda melihat icon kcil pda blog Qu ini yang gmbarny pinguin.Lihat gmbar d bwh ini :




Gmbr di atas tdak sma dengn gmbr Favicon di Blog qu ini, krena sudah Qu rubh....!!!

Favicon menunjukkan identitas suatu situs/blog. Jadi orang akan lebih mengenali sebuah situs/blog melalui favicon juga.
Untuk membuatnya Anda memerlukan file berformat ICO. Wah gimana lagi tuh buatnya. Nggak usah panik. Ada cara yang mudah dan tidak perlu software khusus. Simak berikut ini:
1. Kunjungi http://www.iconj.com/
2. Anda bisa memilih berbagai macam favicon yang telah tersedia disitu. Sebagai contoh Anda ingin menampilkan animated favicon dalam blog Anda. Klik saja "Animated Favicon", akan muncul pilihan seperti ini:



3. Silahkan pilih berdasarkan kategori atau langsung memilih yang tersedia dibawah kotak kategori.
4. Klik "HTML embed code"
5. Silahkan copy kode HTML yang ada di kotak paling atas.
6. Sekarang masuk ke akun blogger Anda
7. Klik "Tata Letak"
8. Klik "Edit HTML"
9. Pada kotak pemrograman template cari kode <head>, taruh kode yang kita copy tadi dibawah kode dan "Simpan Template"
10. Selesai, silahkan lihat tampilan blog Anda sekarang.
11. Jika Anda ingin memasukkan icon Anda sendiri, Anda harus menyiapkan icon berukuran kecil dan berformat GIF, JPG, BMP, ICO, PNG, TIFF yang ukurannya kuran dari 1 Mb.
12. Kembali ke http://www.iconj.com/ dan klik tab " Icon Generator"



13. Akan muncul halaman dengan kotak form seperti di atas.
14. Klik "Browse" untuk mencari file gambar Anda dan pilih "Sharpen Level" untuk memilih ketajaman warna. Klik "Upload it!"
15. Selanjutnya akan muncul halaman baru, cari bagian "Host It at IconJ.com: (Direct Link)" dan copy kode yang ada dibawahnya.
16. Seperti tadi Anda tinggal mem-paste di bawah kode <title><data:blog.pageTitle/></title> pada kotak pemrograman template blogger Anda.

IngAx2222....!!!

Jika masih ada yang ditanyakan seperti biasa tmen2 bsa tanyakan saja lewat kotak komentar. Atau yang barusan baca artikel ini bolehkok meninggalkan komentar...

Artikel Terkait:

0 comments:

Post a Comment