Cara Pasang Gambar Logo Favicon Pada Website Dan Blog
Tutorial Memasang Favicon Website WordPress Blogspot
Sebelum kita mempelajari cara memasang Logo Gambar Favicon pada website atau blog, terlebih dahulu kita pelajari apakah favicon itu ? Favicon adalah Gambar logo yang tertera pada sebelah kiri bagian address bar pada suatu browser . Favicon juga dikenal dengan sebutan shortcut icon, website icon, URL Icon, bookmark icon yang berbentuk gambar icon kecil dengan ukuran 16 x 16 pixel . Pada browser Logo favicon ini biasanya ditampilkan pada address bar atau Bookmark menu.
Dengan memiliki favicon pada blog atau website kita, tentunya favicon ini ini bisa kita jadikan ciri khas atau identitas dari blog atau website kita. Favicon biasanya berformat .ICO , File gambar .Gif atau gambar dengan format .PNG. Ukuran yang support digunakan biasanya gambar dengan ukuran 16 x 16, 32 x 32 atau 48 x 48 px.pixel, dengan Color Depth 8-bit, 24-bit atau 32-bit.
Bagaimana cara memasukan Gambar logo tersebut agar bisa menjadi favicon blog atau website kita ? Berikut ini langkah langkah nya :
Langkah 1 :
Persiapkan logo gambar yang akan kita gunakan sebagai favicon dengan format gambar dan ukuran seperti yang telah saya jelaskan di atas.
Untuk membuat gambar favicon Anda juga bisa menggunakan software Icon Easy Maker yang bisa anda dapatkan di :
http://www.icon-maker.com/download.htm
Atau software Image Editor lain seperti Photosop ACDC dan sebagainya yang support untuk membuat file ICO, GIF atau PNG
Selain itu untuk membuat favicon juga bisa memanfaatkan layanan secara online antara lain :
http://www.favicongenerator.com/
http://www.animatedfavicon.com/
Langkah 2 :
Upload gambar tersebut pada root webhosting kita (di sarankan) , atau juga anda bisa meng uploadnya pada Image hosting lain. Dan catat dapatkan URL dari favicon kita tersebut.
Langkah 3 :
Kemudian persiapkan script tag favicon yang akan kita masukan dengan format script sebagai berikut :
<link rel=”shortcut icon” href=”URL link favicon anda” />
Contoh :
<link rel=”shortcut icon” href=”http://www.esc-creation.com/favicon.ico” />
Langkah 4:
Masukan script tag favicon tersebut pada bagian header script template website pada blog kita yaitu di antara bagian <head> dan </head>
Pada wordpress anda bisa memasukan dengan menggunakan menu Themes editor yaitu pada menu Appearance >> Editor kemudian pilih menu bagian header dan masukan script tersebut dan simpan.
Pada Blogspot atau blogger masuk pada menu Design >> Edit HTML dan masukan script favicon diatas pada bagian di antara <head> dan </head> dan save template anda
Pada Blogspot / blogger juga sudah tersedia menu fitur edit favicon yaitu pada menu Design >> Page Elements dan Klik edit pada bagian opsi Favicon. Upload gambar Favicon anda dan save.
Langkah 5 :
Done. Buka website atau blog anda dan periksa dan cek apakah Favicon anda sudah ditampilkan pada address bar browser.
Semoga tutorial tentang cara memasang manual Logo gambar favicon di artikel ESC Creation ini bermanfaat buat kita semua
TAG : Cara manual pasang favicon pada wordpress website blog blogspot atau blogger, Cara upload dan pasang Logo Gambar Favicon pada website dan Blog. Cara Edit custom favicon logo gambar address bar browser Mozila. Software untuk membuat favicon file ico converter generator, Script Tag Favicon HTML PHP
January 4th, 2012 at 2:04 pm
[...] langkah langkah untuk memodifikasi tampilan logo / banner Google [...]
January 5th, 2012 at 10:24 pm
Terimakasih… Kebetulan blog saya masih baru jadi perlu nih pasang favicon
January 12th, 2012 at 1:36 am
Thanks Mas Eric, buat share favicon nya, jika aku mau buat logo, bagaimanakah ?
February 9th, 2012 at 6:33 pm
Halloo…, salam kenal
saya sih baru belajar bikin website, kalo di web page maker cara masukin faviconnya gimana ya mas?
saya udah coba utak-atik gak ketemu tuh cara edit html nya (seperti di blogger.com) buat masukin favicon.
mohon pencerahan ya mas…
thanks
February 20th, 2012 at 4:26 am
Thanks Mas Eric, buat share favicon nya
March 10th, 2012 at 3:37 am
terima kasih mas
March 22nd, 2012 at 1:49 am
Thanks gan, postingannya sangat menarik dan sangat membantu sekali
March 29th, 2012 at 9:02 pm
makasih mas’e,,
ane barusaja buwat blog,,
masih bingung cara makeknya gimana..
April 14th, 2012 at 10:53 pm
Ribet banget caranya mas …!!! apa g ada cara lain seperti yang ada pada fasilitas blogger yang hanya kita tinggal ulpload foto . Tapi makasih sebelumnya .
April 15th, 2012 at 2:21 am
Alternatif lain untuk wordpress bisa menggunakan plugins favicon, banyak versi plugins nya, tinggal pilih yang mau dipakai.
April 15th, 2012 at 9:49 am
mas, ini gimana ini yang wordpress harus yang pro atau downloadan atau yang biasa aja bisa, saya nyoba cari-cari ga ada bagian naro scriptnya. mohon pencerahan.
April 16th, 2012 at 12:50 am
Untuk wordpress yang dimaksud disini adalah website menggunakan CMS wordpress, jadi web dengan domain dan hosting sendiri, bukan wordpreess free blog nya.
April 26th, 2012 at 11:39 pm
thanks gan,,, salam kamar set jati mebel jepara
May 5th, 2012 at 7:52 pm
makasih gan atas infonya
semoga wensitenya makin kreen aja………..
May 7th, 2012 at 1:59 pm
terimaksih atas masukan gan.. selain itu apa ada yg perlu di edit lagi bagian tertentu pada HTML tdk mas..
May 30th, 2012 at 8:21 am
Ketemu nih caranya, info bagus gan
June 12th, 2012 at 12:25 am
Tanks infonya gan,langsung di coba….
June 20th, 2012 at 10:58 am
thanks gan inponya hehehehe
August 24th, 2012 at 2:28 am
makasih gan atas infonya, sangat membantu
November 9th, 2012 at 10:26 am
maksih ya infonya..
November 21st, 2012 at 7:57 pm
Mudah juga pasangnya ya……..
December 3rd, 2012 at 11:04 am
trims ya mas..sangat membantu favicon saya
February 5th, 2013 at 7:02 pm
makasi banyak infonya,,, sangat bermanfaat…
February 27th, 2013 at 10:56 am
Makasih Banyak Gan