SharePoint 2010 Blog Site Branding

After creating DVWPs for the last 3 days, I’m glad to move on to something new. That is creating a master page for a blog site in SharePoint 2010.

The first issue I faced was to change the master page. From the Site Settings, there is no option for Master Page. After reading this article, I enabled the publishing feature and now I see the master page option. Changed the system master page to be the custom one that I created. This potentially will be inconvient for site admins, but after reading a few articles online, there is no workaround for this. MS didn’t have a solution for this either.

SharePoint blogs are considered to be a collabration feature. Therefore, it can’t do a lot of things that publishing pages can do. For example, it uses the System Master Page instead of Site Master Page. It doesn’t have the option for choosing a different page layout.

In order to customize the master page of my blog, I had to change the System Master Page to my custom master page. The backend now looks a little funny because I have a copyright footer added to the master page. All the forms also display the footers.

Here are the steps I took to add a custom master page:

1. Open the root site in SharePoint Designer, navigate to Master Page. Duplicate the v4.master and name it blog-v4.master

2. Navigate to Style Library, create a new css file and call it blog-v4.css

3. In blog-v4.master, attach the following link just before </head>

<SharePoint:CssRegistration name=”/Style Library/blog-v4.css” After=”corev4.css” runat=”server”/>

4. Add the footer div after DeveloperDashboard

<SharePoint:DeveloperDashboard runat="server"/>
<div class="bFooter">
    <p>Copyright © 1992 - 2010 My Limited - All Rights Reserved | <a target="_blank" href="/sitemap.aspx">Sitemap</a></p>

5. Go back to blog-v4.css, add all the styles to customize the master page.

6. Check in both blog-v4.master and blog-v4.css

7. Go back to the browser and open the blog site, go to Site Actions -> Site Settings -> Under Look and Feel -> Master page -> change System Master Page to blog-v4.master


Wiki Pages Master Page and Hide Recently Modified panel on the left side

The normal wiki pages from a wiki page library on a publishing site uses System Master Page rather than Site Master Page.

To hide the Recently Modified panel on the left side, add the following css script.

<style type=”text/css”>
.s4-recentchanges { display: none; }

See Randy’s post for more detail.


A note to myself:

Site Master pages  only change the master page for publishing pages.  Whereas the System Master Page covers all forms and view pages.

Site Master page  styles everything in the Pages library. System master  page basically gets everything else in SharePoint 2010

Free SP2010 master page template

Last couple of weeks, I’ve been working on branding two of our internal SP2010 websites. To quickly get something up and running, I decided to use some ready built master pages and page layout. Found this article with a free SP2010 master page template. It was very helpful, however, initially I didn’t finish reading all the comments and so didn’t realise it doesn’t work in IE7.

Here is some fixes I added to make it display in IE7 properly: