Powered by Blogger.
RSS

Tutorial blogger : Mengganti Favicon template blog

3:25 AM | Labels: , ,


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 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 gambar 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 favicon website blog

Untuk melacak URL Favicon dilakukan dengan cara berikut :

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

more image information in website design firefox-ssl-cert-more-information-website

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

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

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

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 berikut:

<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:

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


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Posted by AbdyaCyber

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)