Tutorial ganti Favicon website blog platform Blogger

Anda boleh melakukan kustomisasi blog, seperti mengubah logo Favicon yang dapat dilakukan dengan 2 cara, melalui widget Header atau edit HTML blog

Favicon ditemukan di semua blog, namun diantara ratusan juta blog (Sumber Wikipedia, sampai 16 Februari 2011 lebih dari 156 juta blog publik yang eksis) hanya sedikit blog yang mengubah logo dengan icon gambar atau Flash kecil.

Favicon di website blog Blogger

Favicon adalah icon utama yang muncul pada address bar website dan merupakan logo website tersebut. Juga dikenal sebagai shortcut icon, Website icon, URL icon atau bookmark icon.

Penempatan Favicon ada dibawah title blog. Favicon diubah dengan 2 cara, melalui :

1. Widget Header
2. Edit HTML

Default URL Favicon blog blogger ialah : http://WEBSITEANDA.blogspot.com/favicon.ico

Icon default

(URL logo favicon diatas adalah http://breakdown-free-cover.blogspot.com/favicon.ico)

Untuk melacak URL Favicon dilakukan dengan cara berikut :

Klik kanan logo  (logo lain) atau flash yang terletak di sebelah kiri address URL blog (website). Maka muncul jendela kiri. Klik More Information akan tampil jendela kanan.

Di jendela kiri biasa ada Notification :

• "This web site does not supply identity information. Your connection to this web site is not encrypted"

Selanjutnya klik icon Media sehingga muncul daftar URL semua gambar & icon webpage situs tersebut. Anda tinggal klik URL dan menggerakkan mouse untuk mencari URL Favicon. Gambar atau icon masing-masing URL akan ditampilkan di bagian bawah.

Sejarah Favicon dipasang di website blog

Bulan Maret 1999, Microsoft release Internet Explorer 5 yang didukung Favicons untuk pertamakali. Favicon adalah file bernama favicon.ico di direktori root (eg. http://en.wikipedia.org/favicon.ico) website. Favicon ini digunakan di favorit Internet Explorer (bookmark), dan selanjutnya ke URL di address bar.

Teknik ini usang karena semua browser modern mendukung favicon tanpa bookmark.

Penempatan code di website blog

Favicon ditemukan di tiap halaman edit HTML blog. Variasi penempatannya seperti di :

Variasi 1
<link rel="shortcut icon"
type="image/vnd.microsoft.icon"
href="http://example(dot)com/myicon(dot)ico" />

Variasi 2
<link rel="icon"
type="image/vnd.microsoft.icon"
href="http://example(dot)com/image(dot)ico" />

Variasi 3
<link rel="icon" type="image/png"
href="http://example(dot)com/image(dot)ico" />

Variasi 4
<link rel="icon" type="image/gif"
href="http://example(dot)com/image(dot)gif" />

Untuk variasi 4, favicon.ico berlokasi di site root.

Perhatikan snippet edit HTML blog saya http://website-download.blogspot.com seperti ini :

---

<title><data:blog.pageTitle/>  | SEO | Website | Download | Computer | Software | Tools | Antivirus | HTML | CSS | Tips | Monetize | Internet | Tutorial | Affiliate </title>
<b:else/>
<title><data:blog.pageNalcomeme/> ~~~ <data:blog.title/></title>
</b:if>
<!-- End www.bloggertipandtrick.net: Changing the Blogger Title Tag  -->
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
    <b:skin><![CDATA[/*

---

Penempatan link FAVICON dibawah <title><data:blog page Title/> Ganti text merah dengan :

http://i292.photobucket.com/albums/mm1/anggunz/Globe.gif

Hasilnya terlihat di samping URL address (pada Navigation Bar atau address bar)

---

That's all we know

SITEMAP

PETA WEBSITE DESIGN

THANK YOU for your continued liking 'n sharing. If you haven't liked this post yet, you may do that by hitting the buttons just BELOW. Please drop your comment and questions ……

Anda sedang membaca Tutorial ganti Favicon website blog platform Blogger

Posted in: Animation,Informasi-Blog,Newbie-in-the-blog,Tips-blogger