{"id":356,"date":"2012-09-06T00:16:00","date_gmt":"2012-09-06T00:16:00","guid":{"rendered":"http:\/\/www.codeboss.in\/web-funda\/?p=356"},"modified":"2012-09-06T00:16:00","modified_gmt":"2012-09-06T00:16:00","slug":"how-to-set-favicon-for-your-website","status":"publish","type":"post","link":"https:\/\/codeboss.in\/web-funda\/2012\/09\/06\/how-to-set-favicon-for-your-website\/","title":{"rendered":"How To Set Favicon For Your Website"},"content":{"rendered":"<p>Favicon or favorites icon are the small icons that are shown in front of the URL in the tabs of your browser and also in your bookmarks. Lets see how we can set up a custom favicon for your website.<\/p>\n<p><strong>Create the Icon<\/strong><\/p>\n<p>To create icons you need an icon maker. We will go a free one and <em>Junior Icon Editor<\/em> is a good software. You can download it from <a title=\"Junior Icon Editor\" href=\"http:\/\/www.free-icon-editor.com\/\" target=\"_blank\" rel=\"nofollow noopener\">here<\/a>. It is pretty easy to use and you need to create a 16&#215;16 icon.<\/p>\n<p><strong>Setup the Icon<\/strong><\/p>\n<p>For some browsers like Internet Explorer saving the file in the same folder where the webpage is stored is enough to show the favicon in the browser. But for others like Firefox and Chrome you need to add a line in the head section. <\/p>\n<pre class=\"brush:html;\"><link rel=\"shortcut icon\" href=\"relative\/path\/to\/icon\/favicon.ico\" \/><\/pre>\n<p>If you want to setup different icons for different pages just add the respective names in their head section.<\/p>\n<p>Lets see now how creative you can get with the tiny icon on your browser \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Favicon or favorites icon are the small icons that are shown in front of the URL in the tabs of your browser and also in your bookmarks. Lets see how we can set up a custom favicon for your website. Create the Icon To create icons you need an icon maker. We will go a&hellip; <a class=\"more-link\" href=\"https:\/\/codeboss.in\/web-funda\/2012\/09\/06\/how-to-set-favicon-for-your-website\/\">Continue reading <span class=\"screen-reader-text\">How To Set Favicon For Your Website<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[31,33,43,44,48,49,50],"class_list":["post-356","post","type-post","status-publish","format-standard","hentry","category-internet","tag-browser","tag-chrome","tag-favicon","tag-firefox","tag-html","tag-ie","tag-internet-explorer","entry"],"_links":{"self":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":0,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/posts\/356\/revisions"}],"wp:attachment":[{"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/media?parent=356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/categories?post=356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeboss.in\/web-funda\/wp-json\/wp\/v2\/tags?post=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}