Cara Membuat Favicon di WordPress | Blogger

 Tutorial blogspot, Tutorial wordpress
Cara Membuat Favicon di WordPress | Bloggerby Jonoon.Cara Membuat Favicon di WordPress | BloggerCara membuat favicon itu sebenarnya cukup mudah, baik itu di wordpress maupun blogger/ blogspot. Berbeda dengan cara mengganti avatar wordpress yang sulit dilakukan jika tanpa bantuan pihak ke-dua. Perlu diketahui favicon itu adalah icon yang muncul pada address bar suatu website atau blog dan kadang menjadi logo atau brand dari website atau blog, selain itu […]

Cara membuat favicon di wordpress dan bloggerCara membuat favicon itu sebenarnya cukup mudah, baik itu di wordpress maupun blogger/ blogspot. Berbeda dengan cara mengganti avatar wordpress yang sulit dilakukan jika tanpa bantuan pihak ke-dua.

Perlu diketahui favicon itu adalah icon yang muncul pada address bar suatu website atau blog dan kadang menjadi logo atau brand dari website atau blog, selain itu favicon juga dikenal sebagai shortcut icon, website icon, URL icon atau bookmark icon.

File favicon biasanya dibuat dalam format .ico (favicon.ico), maka  untuk memudahkan pembuatan gambar (.jpg, .gif, .png, .bmp) menjadi favicon.ico (16×16) dapat menggunakan online tool favicon generator. Caranya adalah sebagai berikut:

  1. Sediakan terlebih dahulu gambar (.jpg, .gif, .png, .bmp) yang ingin dijadikan favicon.ico.
    Jika belum memiliki gambar untuk favicon, dapatkan gambar favicon gratis di iconfinder.com.
  2. Untuk mengkonversi gambar favicon menjadi favicon.ico, kunjungi link online tool favicon generator.
  3. Setelah link terbuka perhatikan gambar berikut ini.
online tool favicon generator

Setelah favicon.ico diperoleh, selanjutnya simpan atau upload gambar favicon.ico tersebut ke google site, photobucket atau bisa disimpan di blog anda sendiri (caranya buat new post , terus insert/upload image, setelah upload klik kanan pada gambar lalu pilih copy image URL dan paste URL di notepad).

Sebagai contoh saya berikan sebuah gambar favicon.ico yang sebelumnya telah saya upload di blogspot.

gambar favicon gratis

cara membuat:

<link href="http://3.bp.blogspot.com/-up091OlZwwQ/T2jLBMUbVtI/AAAAAAAAAb4/ffZLSbCVDko/s1600/favicon.ico" rel="shortcut icon" type="image/x-icon" />

Selanjutnya adalah menampilkan favicon.ico di blogger atau wordpress.

Cara membuat favicon di blogger atau blogspot

  1. Masuk ke dashboard blogger > template > edit HTML > proceed
  2. Letakkan kode berikut setelah <head>, jangan lupa mengganti url favicon yang berwarna merah.
    <link href="http://tempatkan disini url favicon yang telah anda upload" rel="shortcut icon" type="image/x-icon" />
  3. Save Template

Cara membuat favicon di wordpress

  1. Masuk ke dashboard wordpress > appearance > editor > header.php atau 404 Template.php
  2. Cari kode </head>
  3. Tambahkan kode berikut ini sebelum </head>,jangan lupa mengganti url favicon yang berwarna merah.
    <link href="http://tempatkan disini url yang yang anda upload" rel="shortcut icon" type="image/x-icon" />
  4. Save / update file

Cara membuat favicon di wordpress selfhosting

  1. Masuk ke cPanel > /public_html
  2. Upload favicon.ico di directory /public_html
  3. Kemudian periksa header.php dan cari kode yang mirip atau sama seperti ini, jika ada hapus saja.
    <link rel="shortcut icon" type="image/x-icon" href="http://yourdomain.com/wp-content/themes/namathemes/favicon.ico" />

Untuk cara membuat favicon wordpress self hosting menggunakan cara otomatis, jadi meskipun theme diganti, favicon akan tetap ada. Jika ingin mengganti favicon lama, hapus favicon lama dan ganti dengan favicon.ico yang baru.

Sedangkan untuk cara membuat favicon di blogger dan wordpress diatas merupakan cara manual, dimana ketika anda mengubah theme blog, maka kode untuk menampilkan favicon harus di tambahkan ke theme yang baru.

Author: 

Saya adalah pemilik Kaplik.Com, Tujuan saya menulis adalah untuk berbagi pengetahuan maupun pengalaman kepada semua pembaca. Buat yang ingin tanya-tanya bisa langsung Contact ke Google +1, atau bisa melalui facebook. Thanks...

15 Responses

Leave a Reply