Skip to main content

Changing the favicon for your blog

People who are not happy with the Orange and White Blogger favicon, can use their own instead. First create a 48 X 48 px image using Gimp or whatever software you prefer. Save the image as a .ico file, say myicon.ico. Upload the image to some webhost like Google Pages or Geocities (Picasa WebAlbum doesn't accept .ico files).
Next go to your Blogger DashBoard --> Layout --> Edit HTML.
Locate the line <head>
After the line insert the code-
<link href="http://imagelocation/myicon.ico" rel="icon">.
Replace http://imagelocation with your webhost's address. Save the template. The job is done. Refresh your Blog page, your own icon will appear instead of Blogger's.

Comments

sarthak said…
Thanks a lot!
However, interested bloggers may face a small obstacle.

In HTML the link tag has no end tag.

In XHTML the link tag must be properly closed.
Therefore, if your blog uses XHTML, you need to add a '/' after rel="ico".
ie
link href="http://xyz.googlepages.com/boy.ico" rel="icon"/
before closing it with the '>'

But, i did all that still my 48x48 px icon isnt showing up. I dont know whats the problem.
sarthak said…
the reason cud possibly be that i just uploaded the icon on googlepages..maybe it'll take some time for the ico to come up. Lets see.
Anonymous said…
Thanks for pointing it out. It is indeed necessary for xhtml compliance.
Anyway, the icon shouldn't take time to show up. Have you checked whether "http://xyz.googlepages.com/boy.ico" is really leading to your icon file?
sarthak said…
yes it does lead to the ico file.
it prompts me to SAVE the file or CANCEL.
The icon doesn't load in the browser.
sarthak said…
The icon still hasnt loaded.
I checked the source of my blog page, and i found something:
Other than my own link tag, there was the default favicon link tag a few lines below too.
If i commented b:include data='blog' name='all-head-content'/ in edit HTML of the Layout, the faviocn tag along with many other tags would get commented in the page source, but still the icon would be the favicon, not my own.
sarthak said…
Oh it was pretty easy. I looked up your blog source code, and i found your icon tag was below the standard code generated by defaukt which included the favicon command.
so i put my link tag BELOW the b:include data='blog' name='all-head-content tag.
Now the favicon has gone, but instead of showing my ico, its showing a white square. is 48 by 48 a wee bit too big? thats why my icn isnt showing up?
Sambit said…
Even I am using a 48x48 icon...
sarthak said…
it certainly took a while but FINALLY the icon's come..thanks!
Angeline said…
Icons are coming.I'll see.Thanks for sharing.
rossie_jordan@yahoo.com

Popular posts from this blog

Force an application to use VPN, using iptables in Linux

Enforcing an application, for example a torrent client like Transmission, to always use the VPN interface or any particular network interface for that matter, is trivially simple using iptables on Debian, Ubuntu or any other GNU/Linux distro.
Personally, I am running Debian Sid on the Raspberry Pi. Occasionally I use it for downloading files ( legal stuff, seriously, believe me :D  ) using Transmission Bittorrent client over a VPN connection. Sometimes it happens that the VPN connection fails and doesn't reconnect for whatever reason and Transmission continues pulling stuff directly over my internet connection, which I would like to avoid. Fortunately it is very straightforward to enforce rules based on application owner UID. Transmission runs under the owner debian-transmission in Debian (use htop to check this) and the following two lines of iptables ensures that any process with owner having UID, debian-transmission, will not use any other network interface apart from the Open…

Some more fun with SSH port forwarding and socks proxy

Few days ago I made the following post:

Prologue: Our Institute has several nice Dual Core Machines deployed for the students. Unfortunately the machines are behind a NAT with no port forwarded for external SSH access. Student's hostel is a bit far off from the computational centre. As such if someone felt the need of accessing the machines during non-office hours, it was a wee bit difficult. The sysadmin would not have agreed to forward any ports. Something had to be done....

SSH has a very useful feature - Remote and Local Port Forwarding. We have an old rickety PIII running Ubuntu 8.04.1 in the Hostel, it is connected to the net and is accessible via SSH from the internet. Using a tiny little shell script running on one of the machines in the Institute, I managed to make the old PIII an intermediate gateway for gaining SSH access to the Institute's machines from anywhere in the internet. The script is of few lines, but nevertheless powerful enough to serve our purpose.

#!/bin/…

Raspberry Pi -- Installing Samba (Windows Share) File server

Having successfully run Debian Wheezy on my Raspberry Pi, I went forward with my initial idea of setting up a low cost power efficient file server for accessing my external hard disks from my Windows7 desktop, HP-Mini running Ubuntu and Mac Mini running OS X Lion (yeah I do like bragging about my machines :D ).

This turned out to be pretty straight forward.

As expected, the external Seagate USB disk immediately got recognized and appeared as /dev/sda
[ 579.948350] usb 1-1.2: New USB device found, idVendor=0bc2, idProduct=3001 [ 579.948384] usb 1-1.2: New USB device strings: Mfr=1, Product=2, SerialNumber=3 [ 579.948405] usb 1-1.2: Product: FreeAgent [ 579.948421] usb 1-1.2: Manufacturer: Seagate [ 579.948447] usb 1-1.2: SerialNumber: 2GEX323R [ 579.967638] scsi0 : usb-storage 1-1.2:1.0 [ 580.970520] scsi 0:0:0:0: Direct-Access Seagate FreeAgent 102D PQ: 0 ANSI: 4 [ 589.142942] sd 0:0:0:0: [sda] 1953525168 512-byte logical blocks: (1.00 TB/931 GiB) [ 589.144669] sd…