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!
Unknown 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

Rendering LaTeX in Blogger.

Rendering LaTeX in Blogger is pretty easy thanks to the JavaScript LaTeX equation render engine from http://www.yourequations.com . To enable LaTeX rendering go to the Blogger Dashboard --> Layout --> Edit HTML . Then add the line <script> type="text/javascript" src="http://tex.yourequations.com/"></script> <script type="text/javascript" src="http://tex.yourequations.com/"></script> just before <body/> . Half the job is now done. Then, for example to render: \int_{0}^{\pi}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi Use the code: <pre lang="eq.latex"> \int_{0}^{1}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx =\frac{22}{7}-\pi </pre> The LaTeX code will now be displayed as: \int_{0}^{1}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx=\frac{22}{7}-\pi Ofcourse Javascript needs to be enabled in the Browser for the renderer to work.

Making inactve USB Hard Disk spin down automatically in Linux.

I have a 400GB Seagate IDE HDD connected to Mars, our hostel's file-server using an USB enclosure. The USB enclosure is a cheap "Made in China" product. Consequently it has some special "features". One such notable "feature" is that the disk is kept spinning by the controller even if there has been no disk I/O for a long time. I have three other USB disks connected to the same machine, a 1TB Seagate FreeAgent Desk External Drive, a 500GB Maxtor Basics External Drive and a 2.5" 60GB Fujitsu SATA Disk inside a Transcend USB enclosure. All of these spin down themselves if there has been no I/O for sometime. Keeping the hard disk spinning unnecessarily for ever, not only wastes power but also overheats the drive, thereby reducing its life. I tried noflushd, which is supposed to force idle hard disks to spin down, but found it to be of no help. USB enclosure generally work by performing an SCSI emulation over USB. sdparm is an utility which can be use