Configuring Footer in NoUI Theme
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.
Footer Brand Logo and Description
You can easily set the logo and website description (brand) in the footer. Here are some steps to customize and some explanations:
- Go to Blogger Dashboard, select the Layout menu;
- Look for the section titled Footer > Column Start > Brand;
- Click the edit button (pencil icon) on the Brand (Image Gadget);
- A Image Configuration Popup will appear;
- You can skip the Title input;
- In the Caption input, enter short description text;
- You can skip the Link input;
- 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.
- You can skip the Shrink to Fit Toggle;
- If you want to finish the configuration, click the SAVE button at the bottom.
Footer Social Links
You can add Social Links to the Footer. Here are some steps to customize and some explanations:
- Go to Blogger Dashboard, select the Layout menu;
- Look for the section titled Footer > Column Start > Social Link;
- Click the edit button (pencil icon) on the Social Link (Link ListGadget);
- A Link List Configuration Popup will appear;
- You can skip the Title and Number of items to show in list input or leave it blank;
- In the Sorting section, you can choose between Don't sort, Sort Alphabetically or Sort Reverse Alphabetically. Please choose according to your wishes (Optional);
- 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;
- If both inputs are set, click the SAVE button next to them;
- Repeat step 7 if you want to add more Social Links;
- 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
orYouTube
; - Facebok:
facebook
orFacebook
; - Instagram:
instagram
orInstagram
; - Twitter/X:
twitter
,Twitter
,x
, orX
; - GitHub:
github
orGitHub
; - Reddit:
reddit
orReddit
; - LinkedIn:
linkedin
orLinkedIn
; - WhatsApp:
whatsapp
orWhatsApp
; - Pinterest:
pinterest
orPinterest
.
Attention:
- Code Names are Case Sensitive. Uppercase and lowercase letters are very influential. Make sure you have entered it correctly.
Footer Links
You can add a list of links to the footer. Here are some steps to customize and some explanations:
- Go to Blogger Dashboard, select the Layout menu;
- Look for the section titled Footer > Column End > Links;
- Click the edit button (pencil icon) on the Links (Link ListGadget);
- A Link List Configuration Popup will appear;
- You can skip the Title and Number of items to show in list input or leave it blank;
- In the Sorting section, you can choose between Don't sort, Sort Alphabetically or Sort Reverse Alphabetically. Please choose according to your wishes (Optional);
- 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;
- If both inputs are set, click the SAVE button next to them;
- Repeat step 7 if you want to add more Links;
- If you want to finish the configuration, click the SAVE button at the bottom;
Options for Footer
There are several Options for the Footer that can be customized, namely:
Footer Copyright
This setting is useful for disabling or enabling copyright text in the footer. Here are some steps to customize and some explanations:
- Go to Blogger Dashboard and select the Theme menu;
- Click the CUSTOMIZE button;
- Click Advanced Dropdown, click Default Options Dropdown and Select Footer Options;
- 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.
- Click the Save button (diskette icon) in the lower right corner.
Color Settings for Footer
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:
- Go to Blogger Dashboard and select the Theme menu;
- Click the CUSTOMIZE button;
- Click Advanced Dropdown, click Default Options Dropdown and Select Footer Options;
- Find a color setting and select the color you want to change;
- 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.