There are many "patterns" in the SharePoint work that I do. Repeatable processes that change little from client to client. One of my favorite patterns is the "Blog Host". A site collection that contains many blog sites. Like many of our favorite blog locations, our corporate customers have fairly straight forward requirements for their blog sites. Whether you plan to use the vanilla blog site out of the box or spruce things up a bit with the Community Kit for SharePoint® Enhanced Blog Edition (CKS:EBE), little consideration is given to the home page for the blog site collection.

In our case we needed to host several blog sites and create a site collection home page that:

  • Rolled up the last 10 recent posts
  • Display the Title, Publish Date, Author, and complete post
  • Order by Publish Date
  • Provide the same information in an RSS feed
  • Display a list of blog sites by site name and description
  • Provide a search site for all posts

This series of posts will walk through the construction of our blog host and the installation and configuration of CKS:EBE. The steps are:

  1. Create a web application for our site
  2. Create a publishing site for the root of our site collection
  3. Configure the publishing site to create blog sub webs
  4. Create sample blog sites
  5. Add, Deploy and Activate the CKS:EBE solution and Tag Cloud web parts
  6. Copy the themes to the blog sites
  7. Create the host home page
  8. Start blogging!

Create the web Application for our site

  1. In Central Administration | Application Management choose Create or extend web application.
  2. On the Create or extend web application page choose Create new Web application.
  3. Complete the necessary information on the Create New Web Application page and click OK to create the web application.

Create a Publishing site

  1. In Central Administration | Application Management choose Create site collection.
  2. On the Create Site Collection page ensure that the web application for your blog host is selected and complete the site collection information.
  3. In the Template Selection section select the Publishing tab and choose the Publishing Portal site collection.
  4. Complete the rest of the information and click OK to create your site collection.

Configure the publishing site

  1. Navigate to your new site and it should look like this:

  2. We need to prepare this site to host our blog sites and roll up the content.
  3. Change the site templates by choosing Site Actions | Site Settings | Modify All Site Settings.
  4. In Site Settings choose Page layouts and site templates.
  5. On the Page Layouts and Site Template Settings page remove the Publishing Sites and add the Blog site template.

  6. Choose OK to save your settings.

Create a sample blog site

  1. Choose Site Settings | Create Site.
  2. Your only site template option should be Blog:

  3. Complete the site information including the necessary permissions information and click Create. Your new blog site should look like this:

  4. Create one or two more blog sites to use as test sites for the rest of this article. This is our home page menu after creating two additional sites:

  5. We don’t need press releases right now so to remove them from the navigation click Site Actions | Site Settings | Modify Navigation.
  6. Choose the Press Releases site and choose Hide. Click OK to save your settings. Your home page navigation should now show your 3 blog sites:

Add, Deploy and Activate CKS:EBE

  1. Download CKS:EBE and the Tag Cloud web parts from CodePlex.
  2. Add CKS:EBE to the farm by typing:

    Stsadm –o addsolution –filename CKS.EBE.wsp

  3. Add the Tag Cloud solution to the farm by typing:

    Stsadm –o addsolution –filename CKS.TagCloud.Solution.wsp

  4. Deploy each solution by typing:

    Stsadm –o deploysolution –name CKS.EBE.wsp –immediate –allowgacdeployment

    Stsadm –o deploysolution –name CKS.TagCloud.Solution.wsp –immediate –allowgacdeployment –url http://<your blog host>

  5. Run the timer jobs with:

    Stsadm –o execadmsvcjobs

  6. Next activate the web application features on your blog host by running:

    stsadm -o activatefeature -name "CKS EBE WebApp" -url http://<your blog host>

  7. Finally activate the CKS:EBE Extensions and TagCloud web part on each blog site. From your blog site home page (http://<your blog host>/blog) choose Site Actions | Site Settings. On the Site Settings page choose Site features. On the Site Features page choose the Activate button next to the features "CKS:EBE Extensions" and "Community Kit for SharePoint 2.0 – TagCloud Web Parts". Your page should look like this:

  8. Return to the home page of your blog site and you should notice a dramatic difference:


Add CKS:EBE themes to your blog site

  1. Download the CKS:EBE themes from
  2. CKS:EBE added a number of new lists and libraries to our site. From site settings choose Content and structure.

  3. We are interested in "Themes". Click Themes.
  4. CKS:EBE Beta 2 deploys with 2 themes: Default and Wildlife. You can add the additional themes: City, Creation, Envision, Motueka and Raglan. Simply create a new folder for each theme in the Themes library. From the library toolbar hover click New and choose Folder.
  5. On the New Folder page enter the folder name City and click OK.
  6. From the tree view hover click the City folder and choose Open link in new window.

  7. From the toolbar choose Upload | Upload Multiple Documents. Browse to the location where you unzipped the City theme and select all files. Click OK to upload the files.

  8. From the toolbar choose New | Folder. Name the folder Images. Click OK to create the folder. In the library click Images to open the folder. Choose Upload | Upload Multiple Documents. Browse to the images directory in the themes folder and select all the images. Click OK to upload the images.

  9. Test your work by returning to your Blog site hoe page and click the theme selector. You should see the City theme in the drop down.

  10. Choose the City theme and your site should look similar to this:

  11. Repeat these steps for the other themes.






Next Steps

My next post will detail how we created our blog host home page.