{"id":712,"date":"2011-05-20T12:33:00","date_gmt":"2011-05-20T12:33:00","guid":{"rendered":"https:\/\/brainlitter.itgroove.net\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/"},"modified":"2011-05-20T12:33:00","modified_gmt":"2011-05-20T12:33:00","slug":"how-to-add-a-favicon-to-a-site-collection","status":"publish","type":"post","link":"https:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/","title":{"rendered":"How to Add a Favicon to a Site Collection"},"content":{"rendered":"<h3>The Goal<\/h3>\n<p>Add a favicon to a site collection (note this only works on one site collection at a time).<\/p>\n<h1>How To Do It<\/h1>\n<h3>Prerequisites<\/h3>\n<div>\n<table style=\"border-collapse: collapse\" border=\"0\">\n<col style=\"width: 626px\" \/>\n<tbody valign=\"top\">\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>You need to start with a favicon file. This must be an ICO file, not a PNG, or GIF, or other graphics format file. These other types tend to work on Firefox and Chrome, but Internet Explorer will refuse to interpret anything but an ICO file as a favicon. You can go to various online favicon creation sites to convert a file if necessary (I suggest this site <a href=\"http:\/\/www.prodraw.net\/favicon\/index.php\">http:\/\/www.prodraw.net\/favicon\/index.php<\/a>).<\/li>\n<li>You will need to have SharePoint Designer (a version appropriate to your installation) downloaded and installed on the workstation you&#8217;re using.<\/li>\n<li>You will need to log into the site as a user with enough privileges to perform the steps as detailed below.<\/li>\n<\/ul>\n<h3>Steps to Complete<\/h3>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>Log into your site.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>Go into your site collection root, and select Site Actions -&gt; View All Site Content.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\"><img decoding=\"async\" title=\"How to Add a Favicon to a Site Collection\" src=\"\/brainlitterarchive\/Lists\/Photos\/052011_1931_HowtoAddaFa1.png\" alt=\" How to Add a Favicon to a Site Collection\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>In the site content page, select a location for the ICO file (such as a picture library).<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>In there, upload the file to that location.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>Next, launch SharePoint Designer and connect to (open) the site you added the favicon to.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>In the navigation pane of SharePoint Designer, choose <strong>Master Pages<\/strong> and select the master page you desire to change (you may need to check out the file, depending on whether you have the publishing features enabled) \u2013 the default for SharePoint 2010 is v4.master, yours may differ.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>By default, SharePoint Designer will default to <strong>Design<\/strong> mode, select <strong>Split<\/strong> mode. This can be found in the lower left of the screen (to the right of the navigation page)<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\"><img decoding=\"async\" title=\"How to Add a Favicon to a Site Collection\" src=\"\/brainlitterarchive\/Lists\/Photos\/052011_1931_HowtoAddaFa2.png\" alt=\" How to Add a Favicon to a Site Collection\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>\n<div>In the Code portion at the top of the screen, start at the top of the file, and look for a node that looks like\u00a0<strong>&lt;html lang=<\/strong>, under that will be a node that looks like \u2026, in there, you&#8217;ll find a portion of code that will be similar to the image you see below. What you&#8217;ll need to do is add the code line (as seen circled below) into this cluster of code. The order of these lines for the most part doesn&#8217;t matter, so I\u2019d suggest you place it immediately under one of the other lines beginning with\u00a0<strong><span style=\"font-family: Courier New\">&lt;SharePoint:BLAH \u2026 \/&gt; <\/span><\/strong>.<\/div>\n<p style=\"margin-left: 72pt\"><span style=\"color: #9bbb59;font-family: Courier New\"><code><\/code> (Your file does not need to be named favicon.ico, but it does need to be an ico file)<\/span><\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\"><img decoding=\"async\" title=\"How to Add a Favicon to a Site Collection\" src=\"\/brainlitterarchive\/Lists\/Photos\/052011_1931_HowtoAddaFa3.png\" alt=\" How to Add a Favicon to a Site Collection\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>The hard part is all done, all you have to do is stitch the patient back up and take him off anaesthesia, er, I mean, save the file (and check it in &amp; get it approved if publishing is turned on). Assuming you got the path to the file correct, you&#8217;re all done.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\">\n<ul>\n<li>Finally, go back your site and refresh the page in the browser. You may have to clear your browser&#8217;s cache in order for the change to take effect, but it should not be necessary. Your icon should now appear next to the URL.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-top: 1px;padding-left: 1px;padding-bottom: 11px;padding-right: 1px\" valign=\"middle\"><img decoding=\"async\" title=\"How to Add a Favicon to a Site Collection\" src=\"\/brainlitterarchive\/Lists\/Photos\/052011_1931_HowtoAddaFa4.png\" alt=\" How to Add a Favicon to a Site Collection\" \/><\/p>\n<p>Tada! Thanks Colin.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Goal Add a favicon to a site collection (note this only works on one site collection at a time). How To Do It Prerequisites You need to start with a favicon file. This must be an ICO file, not a PNG, or GIF, or other graphics format file. These other types tend to work &hellip; <a href=\"https:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/\"><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false},"categories":[337,14,334,338,339],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add a Favicon to a Site Collection - Brainlitter - Inside the mind of Sean Wallbridge<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Favicon to a Site Collection - Brainlitter - Inside the mind of Sean Wallbridge\" \/>\n<meta property=\"og:description\" content=\"The Goal Add a favicon to a site collection (note this only works on one site collection at a time). How To Do It Prerequisites You need to start with a favicon file. This must be an ICO file, not a PNG, or GIF, or other graphics format file. These other types tend to work &hellip;\" \/>\n<meta property=\"og:url\" content=\"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/\" \/>\n<meta property=\"og:site_name\" content=\"Brainlitter - Inside the mind of Sean Wallbridge\" \/>\n<meta property=\"article:published_time\" content=\"2011-05-20T12:33:00+00:00\" \/>\n<meta name=\"author\" content=\"Sean Wallbridge\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sean Wallbridge\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/\",\"url\":\"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/\",\"name\":\"How to Add a Favicon to a Site Collection - Brainlitter - Inside the mind of Sean Wallbridge\",\"isPartOf\":{\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#website\"},\"datePublished\":\"2011-05-20T12:33:00+00:00\",\"dateModified\":\"2011-05-20T12:33:00+00:00\",\"author\":{\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77\"},\"breadcrumb\":{\"@id\":\"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Brainlitter\",\"item\":\"https:\/\/regroove.ca\/brainlitter\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Favicon to a Site Collection\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#website\",\"url\":\"https:\/\/regroove.ca\/brainlitter\/\",\"name\":\"Brainlitter - Inside the mind of Sean Wallbridge\",\"description\":\"Dad. Husband. Drummer. Learner of Things.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regroove.ca\/brainlitter\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77\",\"name\":\"Sean Wallbridge\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g\",\"caption\":\"Sean Wallbridge\"},\"url\":\"https:\/\/regroove.ca\/brainlitter\/author\/swallbridge\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add a Favicon to a Site Collection - Brainlitter - Inside the mind of Sean Wallbridge","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/","og_locale":"en_US","og_type":"article","og_title":"How to Add a Favicon to a Site Collection - Brainlitter - Inside the mind of Sean Wallbridge","og_description":"The Goal Add a favicon to a site collection (note this only works on one site collection at a time). How To Do It Prerequisites You need to start with a favicon file. This must be an ICO file, not a PNG, or GIF, or other graphics format file. These other types tend to work &hellip;","og_url":"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/","og_site_name":"Brainlitter - Inside the mind of Sean Wallbridge","article_published_time":"2011-05-20T12:33:00+00:00","author":"Sean Wallbridge","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sean Wallbridge","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/","url":"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/","name":"How to Add a Favicon to a Site Collection - Brainlitter - Inside the mind of Sean Wallbridge","isPartOf":{"@id":"https:\/\/regroove.ca\/brainlitter\/#website"},"datePublished":"2011-05-20T12:33:00+00:00","dateModified":"2011-05-20T12:33:00+00:00","author":{"@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77"},"breadcrumb":{"@id":"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/regroove.ca\/brainlitter\/2011\/05\/20\/how-to-add-a-favicon-to-a-site-collection\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Brainlitter","item":"https:\/\/regroove.ca\/brainlitter\/"},{"@type":"ListItem","position":2,"name":"How to Add a Favicon to a Site Collection"}]},{"@type":"WebSite","@id":"https:\/\/regroove.ca\/brainlitter\/#website","url":"https:\/\/regroove.ca\/brainlitter\/","name":"Brainlitter - Inside the mind of Sean Wallbridge","description":"Dad. Husband. Drummer. Learner of Things.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regroove.ca\/brainlitter\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77","name":"Sean Wallbridge","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g","caption":"Sean Wallbridge"},"url":"https:\/\/regroove.ca\/brainlitter\/author\/swallbridge\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts\/712"}],"collection":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/comments?post=712"}],"version-history":[{"count":0,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts\/712\/revisions"}],"wp:attachment":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/media?parent=712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/categories?post=712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/tags?post=712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}