Configuring Footer in NoUI Theme

Steps to Configuring Footer in NoUI Blogger Theme.
Yasya El Hakim
136 Reads ·
Comment

The Footer of the NoUI Theme consists of Brand, Link, Copyright, etc. You can customize it and adjust the elements to be displayed on the Item page easily.

You can easily set the logo and website description (brand) in the footer. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard, select the Layout menu;
  2. Look for the section titled Footer > Column Start > Brand;
  3. Click the edit button (pencil icon) on the Brand (Image Gadget);
  4. A Image Configuration Popup will appear;
  5. You can skip the Title input;
  6. In the Caption input, enter short description text;
  7. You can skip the Link input;
  8. In the Image section, there is two Radio Button Options. Here is the explanation:
    • Input image URL - You need to paste the uploaded image URL into this input;
    • Upload an image from your computer - You need to upload a new image from your computer by clicking the Browse button and selecting the logo image you want to use.
  9. You can skip the Shrink to Fit Toggle;
  10. If you want to finish the configuration, click the SAVE button at the bottom.

You can add Social Links to the Footer. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard, select the Layout menu;
  2. Look for the section titled Footer > Column Start > Social Link;
  3. Click the edit button (pencil icon) on the Social Link (Link ListGadget);
  4. A Link List Configuration Popup will appear;
  5. You can skip the Title and Number of items to show in list input or leave it blank;
  6. In the Sorting section, you can choose between Don't sort, Sort Alphabetically or Sort Reverse Alphabetically. Please choose according to your wishes (Optional);
  7. To add a new menu item, click the ADD A NEW ITEM button. Here are a few things that can be set:
    • In the Site name input, enter a enter Social Media Code Name. You can see a list of Code Names below;
    • In the Site URL input, enter the Social Media URL;
  8. If both inputs are set, click the SAVE button next to them;
  9. Repeat step 7 if you want to add more Social Links;
  10. If you want to finish the configuration, click the SAVE button at the bottom;

Social Code Name

There are several Social Media that you can add to the Footer Social Link in the Site name input. Here is the list:

  • YouTube: youtube or YouTube;
  • Facebok: facebook or Facebook;
  • Instagram: instagram or Instagram;
  • Twitter/X: twitter, Twitter, x, or X;
  • GitHub: github or GitHub;
  • Reddit: reddit or Reddit;
  • LinkedIn: linkedin or LinkedIn;
  • WhatsApp: whatsapp or WhatsApp;
  • Pinterest: pinterest or Pinterest.

Attention:

  • Code Names are Case Sensitive. Uppercase and lowercase letters are very influential. Make sure you have entered it correctly.

You can add a list of links to the footer. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard, select the Layout menu;
  2. Look for the section titled Footer > Column End > Links;
  3. Click the edit button (pencil icon) on the Links (Link ListGadget);
  4. A Link List Configuration Popup will appear;
  5. You can skip the Title and Number of items to show in list input or leave it blank;
  6. In the Sorting section, you can choose between Don't sort, Sort Alphabetically or Sort Reverse Alphabetically. Please choose according to your wishes (Optional);
  7. To add a new menu item, click the ADD A NEW ITEM button. Here are a few things that can be set:
    • In the Site name input, enter the Link Name;
    • In the Site URL input, enter the Link URL;
  8. If both inputs are set, click the SAVE button next to them;
  9. Repeat step 7 if you want to add more Links;
  10. If you want to finish the configuration, click the SAVE button at the bottom;

There are several Options for the Footer that can be customized, namely:

This setting is useful for disabling or enabling copyright text in the footer. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu;
  2. Click the CUSTOMIZE button;
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Footer Options;
  4. Look for the Slider setting named Item Footer Copyright (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Footer Copyright text will be disabled;
    • 2px: Enable - Footer Copyright text will be enable.
  5. Click the Save button (diskette icon) in the lower right corner.

There are several color settings for the Footer that can be customized, namely:

  • Footer Background Color: To set the Footer Background Color;
  • Footer Text Color: To set the Text Color;
  • Footer Link Color: To set the Link Color;
  • Footer Link Hover Color: To set the Link Color when the cursor hovers;
  • Footer Border Color: To set the Border Color;
  • Footer Meta Color: To set the Meta Text Color.

Here are some steps to customize it:

  1. Go to Blogger Dashboard and select the Theme menu;
  2. Click the CUSTOMIZE button;
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Footer Options;
  4. Find a color setting and select the color you want to change;
  5. Click the Save button (diskette icon) in the lower right corner.

Those are some steps to configure the Footer. If you have any questions, please write them in the comments section.

Comment
Share

Sign In

By continuing, you agree to our User Agreement and acknowledge that you understand our Privacy Policy.

Sign in with Google

Or, Sign in with