{"id":20306,"date":"2012-07-10T09:46:10","date_gmt":"2012-07-10T13:46:10","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=20306"},"modified":"2013-04-15T07:34:01","modified_gmt":"2013-04-15T11:34:01","slug":"how-to-addchange-a-favicon-in-html-based-template","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-addchange-a-favicon-in-html-based-template.html","title":{"rendered":"How to add\/change a favicon in HTML-based template"},"content":{"rendered":"<p>This  tutorial will be useful for owners of HTML templates. This wonderful  instruction will teach you step-by-step and show how to set favicon to your  HTML site. Please follow this instruction and you will succeed in changing the favicon:<\/p>\r\n<ol>\r\n  <li>First you need to create the favicon. You can do it at <a href=\"http:\/\/www.favicon.cc\">www.favicon.cc<\/a> website or any other online tool for generating favicons. I advise you import the image, clicking on Import  image button.\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_1-300x182.jpg\" alt=\"\" width=\"300\" height=\"182\" class=\"alignnone size-medium wp-image-20307\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_1-300x182.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<\/li>\r\n  <li>Then please download it to your  computer.\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_2-300x181.jpg\" alt=\"\" width=\"300\" height=\"181\" class=\"alignnone size-medium wp-image-20308\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_2-300x181.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_2-1024x618.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_2.jpg 1191w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<\/li>\r\n  <li>Now we need to find out the path to  your favicon. Please go to your index.html file on your server and check the  path there.(we use CPanel \/File Manager) Usually it is images\/favicon.ico, so  your favicon should be uploaded there.\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_3-300x181.jpg\" alt=\"\" width=\"300\" height=\"181\" class=\"alignnone size-medium wp-image-20309\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_3-300x181.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<\/li>\r\n  <li>We are going to folder images and  uploading our image with the File Manager&rsquo;s uploading tool (Please use any way to transfer your file that is most comfortable for you): \r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_4-300x180.jpg\" alt=\"\" width=\"300\" height=\"180\" class=\"alignnone size-medium wp-image-20310\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_4-300x180.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<\/li>\r\n  <li>Now the file is on the server and  the site&rsquo;s favicon has been changed. \r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_5-300x180.jpg\" alt=\"\" width=\"300\" height=\"180\" class=\"alignnone size-medium wp-image-20311\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_5-300x180.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/06\/How_to_change_favicon_in_HTML_template_5.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<\/li>\r\n<\/ol>\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"\/help\/files\/Html\/How_to_change_favicon_in_HTML_template.htm\" target=\"blank\">How to add\/change a favicon in HTML-based template<\/a>","protected":false},"excerpt":{"rendered":"<p>This  tutorial will be useful for owners of HTML templates. This wonderful instruction will teach you step-by-step and show how to set favicon to your  HTML site.<\/p>\n","protected":false},"author":7,"featured_media":20315,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1047,432,253],"tags":[1158,560,2411],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/20306"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=20306"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/20306\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/20315"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=20306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=20306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=20306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}