How To Add A Banner In SharePoint 2010

SharePoint 2010 offers several methods to add a banner, allowing you to customize the header background image and create an engaging user experience. In this section, we will explore step-by-step processes for adding a banner in SharePoint 2010, whether you are using SharePoint Online or an on-premises site.

If you are working with SharePoint Online site pages, you can easily change the header background image by following these steps:

  1. Navigate to the modern site page.
  2. Click on the “Edit” button on the top right area.
  3. Click on the top header area to select it, and then click on the little image icon.
  4. Upload a new image, use a URL, or select an existing image for the banner from the site. Set a focal point if desired.
  5. Save and publish the page.

If you prefer to use PowerShell, you can also change the header background image with a few simple commands. Here is an example script:

  1. Connect to SharePoint Online using the Connect-PnPOnline cmdlet.
  2. Get the client-side page.
  3. Set the page header image using the SetCustomPageHeader method.
  4. Save and publish the page.

To change the banner image for all pages in the “Site Pages” library, you can utilize PowerShell as well. Just follow these steps:

  1. Connect to SharePoint Online using the Connect-PnPOnline cmdlet.
  2. Get all pages from the library.
  3. Loop through each page and set the header image using the Set-PnPPage cmdlet.
  4. Save and publish each page.

Furthermore, if you want to add a banner message to a SharePoint Online or on-premises site without customizing the master page, you can achieve this by utilizing CSOM. Here is an example script:

  1. Add the necessary SharePoint client-side assemblies.
  2. Use CSOM to add a custom action for the banner image and a custom action for the JavaScript file.
  3. Execute the query to make the changes.

By following these methods, you can easily add a banner image or message to your SharePoint 2010 site without the need for extensive customization. Enhance the visual appeal and functionality of your site today!

Changing the Header Background Image in SharePoint Online Site Pages

To change the header background image in SharePoint Online site pages, follow these simple steps:

  1. Navigate to the modern site page.
  2. Click on the “Edit” button on the top right area.
  3. Click on the top header area to select it, and then click on the little image icon.
  4. Upload a new image, use a URL, or select an existing image for the banner from the site. Set a focal point if desired.
  5. Save and publish the page.

Alternatively, you can also change the header background image using PowerShell. Here is an example script:

  1. Connect to SharePoint Online using the Connect-PnPOnline cmdlet.
  2. Get the client-side page.
  3. Set the page header image using the SetCustomPageHeader method.
  4. Save and publish the page.

If you want to change the banner image for all pages in the “Site Pages” library, you can use this PowerShell script:

  1. Connect to SharePoint Online using the Connect-PnPOnline cmdlet.
  2. Get all pages from the library.
  3. Loop through each page and set the header image using the Set-PnPPage cmdlet.
  4. Save and publish each page.

It is also possible to add a banner message to a SharePoint Online or on-premises site without customizing the master page. Here is an example script using CSOM:

  1. Add the necessary SharePoint client-side assemblies.
  2. Use CSOM to add a custom action for the banner image and a custom action for the JavaScript file.
  3. Execute the query to make the changes.

Overall, these methods allow you to add a banner image or message to SharePoint 2010 without extensive customization.

Adding a Banner Message to SharePoint Online or On-Premises Site without Customization

If you want to add a banner message to your SharePoint Online or on-premises site without customizing the master page, follow these steps using CSOM.

To begin, you will need to add the necessary SharePoint client-side assemblies. These assemblies allow you to interact with SharePoint Online or on-premises sites programmatically.

Next, use CSOM to add a custom action for the banner image and a custom action for the JavaScript file. This custom action will enable you to display the banner message on your site pages.

Once you have added the custom actions, execute the query to make the changes take effect. This will ensure that the banner message is visible to users visiting your SharePoint site.

By following these steps, you can easily add a banner message to your SharePoint Online or on-premises site without the need for extensive customization or modifying the master page.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.