You may also be interested in: O'Reilly - SharePoint 2010 at Work
Editor's note: Contributor Alexandru Dionisie is an Internet Professional and Technical Writer. Follow him @AlexDionisie
In the site settings menu you will find options to add a custom logo, title or description.
If you want to add a logo somewhere else, you won’t find any option that allows you to do that.
Fortunately, all you have to do is edit the master page and add a custom code that will include a new table column with a logo, description and a link.
How to do that
- upload a logo in the Site Assets library and copy the link;
- go to Site Actions – Site Settings – Master Pages and download a copy of v4.master;
- use a browser that has Developer Tools or Firebug (for this example I used Chrome with Developer Tools)
I will add a logo on the right side of the social tags.
- right click on that area - Inspect Element.
In the Developer Tools panel we see that the class of the social tags area is <td>
Open the v4.master with a text editor (I propose Notepad++) and locate s4-socialdata-notif.
Add the following code:
<td><a title=”ITSpark – Your IT Adventure !” href=”http://itspark.ro” target=”_blank”><img style=”border:none” src=”https://officetube.sharepoint.com/SiteAssets/ITSpark_Logo_Header.gif” alt=”" width=”150″ height=”46″ /></a>
Save the file and then uploaded tothe Master Pages site.
Now, return to the home page and you will see the logo.
If you want to add a logo above the ribbon, locate the ID s4-workspace
The code will like this:
<img src=”https://officetube.sharepoint.com/SiteAssets/ITSpark_Logo_Header.gif” width=”1280″ height=”116″ />
The bold line represents the extra line that will add an image in the background.