SIDEBAR
»
S
I
D
E
B
A
R
«
Membuat Favicon
December 10th, 2009 by Abula

Favicon adalah kependekan dari favorites icon. Web browser menggunakannya di bar URL, pada tab, dan di tempat lain untuk membantu mengidentifikasi sebuah website secara visual.

Favicon biasanya merupakan sebuah gambar berukuran 16 x 16 piksel dan akan disimpan dengan nama favicon.ico di root direktori server. Anda dapat menggunakan favicon dengan WordPress blog di web server yang memungkinkan akses ke root direktori.

favicon abulamedia.com versi beta

favicon abulamedia.com versi beta

Membuat Favicon

Favicon dapat dengan mudah dibuat dengan menggunakan program grafis apapun yang memungkinkan menyimpan file dengan ekstensi .ico, seperti The GIMP.  Ada juga layanan online yang akan memungkinkan Anda untuk membuat favicon secara gratis.

Gambar harus jelas dan biasanya dirancang untuk menyesuaikan gambaran blog / atau konten blog. Sebuah tugas besar untuk sesuatu yang begitu kecil.

Mempersiapkan gambar yang akan disimpan sebagai favicon.ico:

  1. Dengan cropping atau menambah ruang di sekitar gambar, buat gambar persegi.
  2. Ubah ukuran gambar menjadi 16 x 16 piksel.
  3. Simpan file dengan nama favicon.ico.

Jika menggunakan layanan online untuk membuat favicon, seperti favicon.co.uk, ikuti petunjuk yang disediakan. Kemudian download file gambar favicon.ico ke komputer Anda.

Instalasi Favicon di WordPress

Jika sudah ada file favicon.ico dalam folder utama theme, hapus menggunakan FTP Clients.

  1. Dengan menggunakan FTP Client, upload file favicon.ico baru ke dalam folder utama theme saat ini.
  2. Upload salinan lain file favicon.ico ke direktori utama (mis. http://example.com/favicon.ico). Ini akan menampilkan favicon pada pelanggan ‘feedreaders Anda.

Agar favicon muncul di beberapa browser lama, perlu untuk mengedit halaman header.

  1. Masuk ke WordPress Administration Panel Anda.
  2. Klik pada Design (disebut Presentation versi WordPress 2.3.x dan di bawahnya, dan Appearance di WordPress 2.7 +).
  3. Klik pada Theme Editor.
  4. Pilih file bernama Header atau header.php untuk mengedit file.
  5. Cari baris kode yang diawali dengan <link rel="shortcut icon" dan yang diakhiri  /favicon.ico" />. Timpa itu, jika ada, atau jika tidak ditemukan, tambahkan kode berikut di bawah tag HTML <head>.
    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
  6. Simpan perubahan.

Untuk melihat segera favicon baru Anda, hapus WP-Cache dan cache browser. Anda mungkin perlu me-restart browser Anda agar dapat melihat favicon baru.

Sumber: WordPress.org


35 Responses  
  • Jennette Dunkle writes:
    January 19th, 201211:47 amat

    Good things. Began reading through your site today and I’m enjoying it!

  • martial arts Houston writes:
    January 24th, 20121:36 amat

    hank one in the helpful tips! I would not now have bought it with no allow! Can it be o . k to be able to blueprint things about this approach on my small blog plainly your website one-way link to that webblog?

  • TammiKoenigstein writes:
    January 24th, 20127:07 amat

    Wow, superb blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your web site is fantastic, as well as the content!, no nonsense muscle building review, [url="http://vincedelmontemuscle.info"]no nonsense muscle building review[/url], http://vincedelmontemuscle.info no nonsense muscle building review, >:-))),

  • barney toys for christmas writes:
    January 24th, 20122:41 pmat

    Emotion is energy in motion. -Peter Mcwilliams

  • Social Bookmarking Service writes:
    January 30th, 20123:18 pmat

    I really book-marked your comments. You might be amazing!!

  • Air max 2011 writes:
    January 31st, 201212:20 pmat

    Thanks a ton for taking a few minutes to line this all out for people. This write-up ended up being quite helpful if you ask me.

  • Megavideo writes:
    February 5th, 20123:23 pmat

    Starting a site kind of like this one forced me to do some research and I found your post to be quite helpful. My site is centered around the idea of knowledge, fun and sharing. I wish you good luck with your website in the future and you can be sure I’ll be following it.

  • Gdynia Blacharz writes:
    February 9th, 20125:20 amat

    Auto Service Gdynia

  • rocket electric scooter writes:
    February 13th, 20123:38 amat

    Respect to article author, some fantastic selective information.

  • Aprender Ingles writes:
    February 15th, 201211:18 amat

    Howdy, i read your blog from time to time and i own a similar one and i was just curious if you get a lot of spam feedback? If so how do you prevent it, any plugin or anything you can suggest? I get so much lately it’s driving me crazy so any assistance is very much appreciated.

  • Sherrie writes:
    February 20th, 201212:40 pmat

    I am satisfied, I must say. Actually rarely do I encounter a website that is both e…ducative and entertaining, and let me tell you, you have hit the nail on the head. Your thought is fantastic the problem is something that inadequate people are talking intelligently about. I’m very happy that I stumbled across this in my search for anything associated with this.

  • Gregory Despain writes:
    February 21st, 20125:38 pmat

    Zune and iPod: Most people compare the Zune to the Touch, but after seeing how slim and surprisingly small and light it is, I consider it to be a rather unique hybrid that combines qualities of both the Touch and the Nano. It’s very colorful and lovely OLED screen is slightly smaller than the touch screen, but the player itself feels quite a bit smaller and lighter. It weighs about 2/3 as much, and is noticeably smaller in width and height, while being just a hair thicker.

  • sunglassestory writes:
    March 1st, 201211:42 amat

    stay the spectacular work!! I Enjoy how you wrote this and I also Like the colors here on this site. Very best opinions expressed here.

  • Lezlie Whitcher writes:
    March 1st, 20128:47 pmat

    You really make it appear really easy along with your presentation but I find this topic to be really one thing that I feel I’d by no means understand. It seems too complicated and very broad for me. I’m taking a look forward in your next post, I will try to get the hold of it!

  • Carter writes:
    March 4th, 20125:04 amat

    Hey, friend this is a Nice blog. I love this page, I have liked it on FB.


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 
»  Substance:WordPress   »  Style:Ahren Ahimsa