Saturday, April 11, 2015

Change Office 365 Logo in SharePoint Online Suite Bar

Here we will discuss further how to change office 365 logo in SharePoint Online suite bar.

Open your SharePoint designer and Select the default master page. Right click and open in advanced mode. The default master page is seattle.master.

You may like to read:
- Rest API Create folder inside document library in SharePoint 2013 and Delete folder from Document library using Rest API

- What's new in Developer dashboard in SharePoint 2013?

- OAuth in SharePoint 2013

Before going further make sure you have uploaded your Logo to SiteAssets or any library and copy the path of the image.

Then search for </body>

And then paste the below code after that.

<SharePoint:ScriptBlock runat="server">
if (typeof jQuery == 'undefined')
{
document.write('<script type="text/javascript" src="//code.jquery.com/jquery.min.js"><' + '/script>');
}
 var interval = setInterval(function(){
if($('#O365_MainLink_Logo').length)
{      
$('#O365_MainLink_Logo').html("<a href='/'><img src='/SiteAssets/YourLogo.PNG' height='25px'></a>");
$('#O365_MainLink_Logo').attr("style","padding-top: 3px");
clearInterval(interval);              
}
}, 1000);  
</SharePoint:ScriptBlock>

Then Save the master page and then checkin the page. Now when you will refresh your Office 365 site the new logo will appear.


Twitter Delicious Facebook Digg Favorites More