how can i add a favicon to my blog?
how can i add a favicon to my blog?
can anyone help?
Hi there
Assuming you have your graphic saved as an .ico file, you just need to do the following, I think:
- Call it favicon.ico
- Put it in your web root
- Add the following to the header.php in your active theme:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
That should be it. Does that work for you?
John
how can i save it as an .ico file??
Try this:
it did not work
it gave me an error message
The converter gave you an error?
There are a ton of these converters online. Try http://www.convertico.com/ and if this doesn't work just Google it and go through until you find one which will give you a valid .ico file...
J
ok
i got it
now what?
Follow the steps above. Get the ico file (which you rename favicon.ico) into your root directory. Add the meta tag as above into the code of your header.php file. Must be somewhere inside the <head></head> tags.
J
i dont know how to do those steps
i am really new at this
How did you upload your WP files in the first place? However you did that, do the same to transfer the ico file.
Then, in your FTP or file manager, go to wp-content/themes/your_theme_name/header.php, open it to edit, copy and paste the line above, save.
Off out for a while now, but let me know how you get on.
J
i signed up with godaddy for a hosting account and it was included in the plan
I understand how to create/upload and code for the .ico.
I even moded the header.php file to load the .ico.
still no go.
walter
i am still confused
@phpwalter:
your favicon is now up, sort of black/grey.
IE is sometimes stubborn to show a new favicon on your own computer. maybe clear your browser history might help.
@alchymyth
can you help me?
hi jvazjr,
the steps are:
1. create your favicon.ico using one of the free programs, i use favicon.cc - renaming a grafic to favicon.ico WILL NOT work.
2. when you have your favicon.ico, upload it to the root directory of your blog. upload another copy into the directory of your theme as well.
3. use the line from 'spankmartin'
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
and put it into your header.php where the other <link > tags are.
4. upload your header.php.
IE is sometimes reluctant to show a new favicon. try another browser such as firefox.
post a link to your site, and i can have a look if the favicon is online.
i am not sure how to do step 2
you already said that you know about ftp.
so use your ftp program, connect to your server.
first save the favicon.ico to the directory on your computer, where you have your wordpress files.
second save a copy of the favicon to the directory of your theme on your computer.
usually it should then be enough to mark the file and press the upload button of your ftp program to upload the file to the right place on your server.
i'll be off for a few hours now,, but i will check back.
good luck
my wordpress files are in my hosting account with godaddy
they are not on my computer
???
ok
some basics:
for instance, my setup is;
- one set of all the wordpress directories and files on my computer;
- a second set of the files on ther server.
when i want to change something, i edit the files on my computer, save them and the upload the changed files to the server.
i work with 'dreamweaver', but there are other free programs available from the internet.
i suppose many others here in the forum do the same.
i know you can change wordpress files in the admin area, that is just not the way i do it.
there are many free articles on the web how to learn to customize wordpress themes, i suggest you start reading some of them, and then come back to the forum.
it is great that you have the idea and the ambition to get all these things done, however, a basic knowledge is important to have.
so then what should i do?
For some reason mine is showing up in the bookmarks drop down .... but not in the address bar.
Please let me know if Im doing something wrong.
i think the forward slash / in front of the word favicon is too much.
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
it is just:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
Thanks for the reply alchymyth, but still no dice without the /
And just to make sure... i cleared the cache... and after that didn't work I did a full reboot just to be absolutely sure its not just on my side.
You must log in to post.