Website Basics: How To Add A Favicon To Your Website, Have you ever wanted a picture next to your URL like Zymic and other s |
||
Welcome to the Zymic webmaster forums. Our forums are here to provide people the free ability to discuss a range of websites related topics such as design, development coding and marketing.
In order to post you will need to register for a zymic account or if you already have one simply login by using the form on the left.
Zymic Webmaster Forums Zymic Free Web Hosting Tutorials |
||
![]() |
Website Basics: How To Add A Favicon To Your Website, Have you ever wanted a picture next to your URL like Zymic and other s |
||
Mar 12 2012, 02:40 AM
Post
#1
|
|
|
Outrageously Uber Ninja ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 840 Joined: 30-March 08 From: Cincinnati, OH Member No.: 16,073 |
A Favicon is an icon that displays in the URL bar of users. An example is Zymic's favicon.
![]() Notice the zymic logo to the left of the URL. Inserting this image is actually quite easy, Lets Get Started! First open up your photo editing program. -Create a new Document 16px by 16px and create an image. A lot of people use their logo or a modified logo like zymic uses. Here's my logo scaled down to 16x16. ![]() -Save your file as favicon.ico Then open up your FTP client. I use Filezilla which is free, click here to download. -Upload your favicon.ico to your main directory. Next open up your favorite HTML editor, in this case I am going to use Komodo it can be downloaded free here. -Go into the header of your website and add the following code. CODE <Link rel="icon" type="image/ico" Href="http://www.yoururl.com/favicon.ico"> Now upload your file and type the URL in the your browser and watch your Favicon appear! Good luck to all! Kevin DiGennaro Owner/Founder DiGennaroDesigns.com |
|
|
Apr 23 2012, 08:36 PM
Post
#2
|
|
|
Newbie ![]() Group: Members Posts: 13 Joined: 25-January 12 Member No.: 227,460 |
A Favicon is an icon that displays in the URL bar of users. An example is Zymic's favicon. ![]() Notice the zymic logo to the left of the URL. Inserting this image is actually quite easy, Lets Get Started! First open up your photo editing program. -Create a new Document 16px by 16px and create an image. A lot of people use their logo or a modified logo like zymic uses. Here's my logo scaled down to 16x16. ![]() -Save your file as favicon.ico Then open up your FTP client. I use Filezilla which is free, click here to download. -Upload your favicon.ico to your main directory. Next open up your favorite HTML editor, in this case I am going to use Komodo it can be downloaded free here. -Go into the header of your website and add the following code. CODE <Link rel="icon" type="image/ico" Href="http://www.yoururl.com/favicon.ico"> Now upload your file and type the URL in the your browser and watch your Favicon appear! Good luck to all! Kevin DiGennaro Owner/Founder DiGennaroDesigns.com I've followed the tutorial and set favicon for my site. Certainly we can say that this tutorial is very effective and helpful. The code which has been provided to use in the head section is the code for which I was looking for. We expect tutorial like this in future too. |
|
|
Jun 20 2012, 06:43 AM
Post
#3
|
|
|
Newbie ![]() Group: Members Posts: 11 Joined: 20-June 12 Member No.: 246,484 |
Thanks for this tutorial, I also want to set favicon to my site.
|
|
|
Jun 20 2012, 09:31 PM
Post
#4
|
|
|
Newbie ![]() Group: Members Posts: 6 Joined: 16-June 12 Member No.: 246,047 |
what program do you guys use for photo editing?
|
|
|
Jul 9 2012, 06:12 AM
Post
#5
|
|
|
Newbie ![]() Group: Members Posts: 1 Joined: 9-July 12 Member No.: 248,497 |
|
|
|
Jul 9 2012, 12:19 PM
Post
#6
|
|
|
Newbie ![]() Group: Members Posts: 9 Joined: 19-June 12 Member No.: 246,342 |
Thanks for this tutorial, I also want to set favicon to my site.
|
|
|
Aug 3 2012, 11:58 AM
Post
#7
|
|
|
Newbie ![]() Group: Members Posts: 17 Joined: 27-July 12 From: U.SA. Member No.: 250,605 |
Nice information! Thanks a lot!
|
|
|
Aug 17 2012, 08:33 AM
Post
#8
|
|
|
Newbie ![]() Group: Members Posts: 27 Joined: 7-August 12 From: U.S.A. Member No.: 251,714 |
Awesome tutorial! Thanks a lot!
|
|
|
![]() |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users) |
||
| 0 Members: | ||
Forum Jump |
||
| Lo-Fi Version | Time is now: 18th May 2013 - 01:41 PM |