Configuring Gadgets or Widgets in Materia X2 Theme

Configuring All Gadgets or Widgets in Materia X2 Theme.
Yasya El Hakim

Configuring Gadgets or Widgets in Materia X2 Theme

All Blogger Default Widgets or Gadgets in the Materia X2 Theme are configurable.

Default Custom Gadgets

There is a Default Widget or Gadget that has been customized in the Materia X2 theme.

Social Gadget

This Widget or Gadget useful for adding multiple social media links. You don't need to enable/disable it via Customizer as this is Blogger's Default Custom Widget. Here are some ways to use it:

Attention:
  • Social Gadgets can only be placed on the Sidebar Section.
  • This feature only available on Materia X2 version 2.8 and above.
  1. Go to Blogger Dashboard.
  2. Select the Layout menu.
  3. Find the Section you want to use for this widget.
  4. Click Add a Gadget and Select Link List.
  5. A Link List Configuration Popup will appear.
  6. In the Title input, enter elcreativeSocialWidget.
    In Materia X2 version 3.1 and above, elcreativeSocialWidget is changed to elcreativeSocial.
  7. You can skip the Number of items to show in list input.
  8. In the Sorting section, you can choose between Don't sort, Sort Alphabetically and Sort Reverse Alphabetically. Please choose according to your wishes (Optional).
  9. Click the ADD A NEW ITEM button.
  10. Here are a few things that can be set:
    • In the Site name input, type socialWidgetTitle.
      In Materia X2 version 3.1 and above, socialWidgetTitle is changed to socialTitle.
    • In the Site URL input, enter the title of the Social Gadget you want. Example: Get in Touch!.
    • Click the ADD A NEW ITEM button again.
    • In the Site name input, type socialWidgetDescription.
      In Materia X2 version 3.1 and above, socialWidgetDescription is changed to socialDescription.
    • In the Site URL input, enter the title of the Social Gadget you want. Example: Find us on other social media.
  11. Next, you need to set the Icon and Link of each social media.
    • Click the ADD A NEW ITEM button again.
    • In the Site name input, If you want to create a Facebook link, then enter facebook as a ID.
      You can use the social media ID provided below.
    • In the Site URL input, enter the appropriate URL for social media.
  12. If you want to add other social media, you can repeat step 11.
  13. If all inputs are set, click the SAVE button next to them.
  14. If you want to finish the configuration, click the SAVE button at the bottom.

Available Social Gadget Icons

Translate Gadget

In the Materia X2 Theme, you can change the style for the Translate Gadget or Widget to be Default or Dialog in the Customizer settings in Translate Style.

If you set the Translate Gadget or Widget to 2px (Dialog), a Translate button will appear on the Floating Action Button (FAB).

You can customize it by accessing it in the Customizer Settings.

Post Carousel Gadget

This Widget or Gadget is useful for adding a Carousel Posts. You don't need to enable/disable it via Customizer as this is Blogger's Default Custom Widget. However, this Gadget requires JavaScript which will certainly increase the page load time. Here are some ways to use it:

  1. Go to Blogger Dashboard.
  2. Select the Layout menu.
  3. Find the Section you want to use for this widget.
  4. Click Add a Gadget and Select Link List.
  5. A Link List Configuration Popup will appear.
  6. In the Title input, enter elcreativeCarousel.
  7. You can skip the Number of items to show in list input.
  8. In the Sorting section, you can choose between Don't sort, Sort Alphabetically and Sort Reverse Alphabetically. Please choose according to your wishes (Optional).
  9. Click the ADD A NEW ITEM button.
  10. Here are a few things that can be set:
    • In the Site name input, type carouselTitle.
    • In the Site URL input, enter the title of the Gadget you want. Example: Post Carousel.
  11. If all inputs are set, click the SAVE button next to them.
  12. If you want to finish the configuration, click the SAVE button at the bottom.

Next, you can configure the Carousel Gadget (Optional).

Set Number of Posts (Optional)

You can set the number of posts you want to show. If you don't set it, then the default number of posts that will be displayed is 6 posts. Here are some ways to set it:

  • Edit the Carousel Gadget that you added earlier.
  • Click the ADD A NEW ITEM button.
  • In the Site name input, enter result.
  • In the Site URL input, enter the number of posts you want to show. Example: 12.
    In the Site URL input, Make sure you enter numbers, not strings/text.

Set The Specific Category of Posts (Optional)

You can set the label or category of posts you want to show. If you don't set it, then the default label of posts that will be displayed is recent posts. Here are some ways to set it:

  • Edit the Carousel Gadget that you added earlier.
  • Click the ADD A NEW ITEM button.
  • In the Site name input, enter label.
  • In the Site URL input, enter the label or category of posts you want to show. Example Documentation.
    In the Site URL input, the label name is Case Sensitive. Example: If you have a label named Documentation (with capital letters at the beginning), then you must also write it the same. Documentation: Is different from documentation, DoCumentation, etc.

Set the Post Order (Optional)

You can set the order of posts you want to show. If you don't set it, then the default order of posts that will be displayed is published posts. Here are some ways to set it:

  • Edit the Carousel Gadget that you added earlier.
  • Click the ADD A NEW ITEM button.
  • In the Site name input, enter sortBy.
  • In the Site URL input, you can enter updated to sort posts by updated or published to sort posts by publication date.
    In the Site URL input, the order name is Case Sensitive.

Set the Carousel Autoplay Duration (Optional)

You can set the autoplay duration. If you don't set it, then the default carousel duration is 6 second. Here are some ways to set it:

  • Edit the Carousel Gadget that you added earlier.
  • Click the ADD A NEW ITEM button.
  • In the Site name input, enter autoplayDuration.
  • In the Site URL input, Enter the time duration in seconds. Example: If you want autoplay to be 12 seconds, then enter 12. You can also set the duration to 0 to disable Autoplay.
    In the Site URL input, Make sure you enter numbers, not strings/text.
Attention:
  • This Gadgets can only be placed on the Main Top or Main Bottom Section.
  • This feature only available on Materia X2 version 3.1 and above.

Post Grid Gadget

This Widget or Gadget is useful for adding a Grid Posts. You don't need to enable/disable it via Customizer as this is Blogger's Default Custom Widget. However, this Gadget requires JavaScript which will certainly increase the page load time. Here are some ways to use it:

  1. Go to Blogger Dashboard.
  2. Select the Layout menu.
  3. Find the Section you want to use for this widget.
  4. Click Add a Gadget and Select Link List.
  5. A Link List Configuration Popup will appear.
  6. In the Title input, enter elcreativeGrid.
  7. You can skip the Number of items to show in list input.
  8. In the Sorting section, you can choose between Don't sort, Sort Alphabetically and Sort Reverse Alphabetically. Please choose according to your wishes (Optional).
  9. Click the ADD A NEW ITEM button.
  10. Here are a few things that can be set:
    • In the Site name input, type gridTitle.
    • In the Site URL input, enter the title of the Gadget you want. Example: Post Grid.
  11. If all inputs are set, click the SAVE button next to them.
  12. If you want to finish the configuration, click the SAVE button at the bottom.

Next, you can configure the Grid Post Gadget (Optional).

Set Number of Posts (Optional)

You can set the number of posts you want to show. If you don't set it, then the default number of posts that will be displayed is 6 posts. Here are some ways to set it:

  • Edit the Grid Post Gadget that you added earlier.
  • Click the ADD A NEW ITEM button.
  • In the Site name input, enter result.
  • In the Site URL input, enter the number of posts you want to show. Example: 12.
    In the Site URL input, Make sure you enter numbers, not strings/text.

Set The Specific Category of Posts (Optional)

You can set the label or category of posts you want to show. If you don't set it, then the default label of posts that will be displayed is recent posts. Here are some ways to set it:

  • Edit the Grid Post Gadget that you added earlier.
  • Click the ADD A NEW ITEM button.
  • In the Site name input, enter label.
  • In the Site URL input, enter the label or category of posts you want to show. Example Documentation.
    In the Site URL input, the label name is Case Sensitive. Example: If you have a label named Documentation (with capital letters at the beginning), then you must also write it the same. Documentation: Is different from documentation, DoCumentation, etc.

Set the Post Order (Optional)

You can set the order of posts you want to show. If you don't set it, then the default order of posts that will be displayed is published posts. Here are some ways to set it:

  • Edit the Grid Post Gadget that you added earlier.
  • Click the ADD A NEW ITEM button.
  • In the Site name input, enter sortBy.
  • In the Site URL input, you can enter updated to sort posts by updated or published to sort posts by publication date.
    In the Site URL input, the order name is Case Sensitive.
Attention:
  • This Gadgets can only be placed on the Main Top or Main Bottom Section.
  • This feature only available on Materia X2 version 3.1 and above.

Comment List Gadget

This Widget or Gadget is useful for adding a list of Comments. You don't need to enable/disable it via Customizer as this is Blogger's Default Custom Widget. However, this Gadget requires JavaScript which will certainly increase the page load time. Here are some ways to use it:

  1. Go to Blogger Dashboard.
  2. Select the Layout menu.
  3. Find the Section you want to use for this widget.
  4. Click Add a Gadget and Select Link List.
  5. A Link List Configuration Popup will appear.
  6. In the Title input, enter elcreativeComment.
  7. You can skip the Number of items to show in list input.
  8. In the Sorting section, you can choose between Don't sort, Sort Alphabetically and Sort Reverse Alphabetically. Please choose according to your wishes (Optional).
  9. Click the ADD A NEW ITEM button.
  10. Here are a few things that can be set:
    • In the Site name input, type commentTitle.
    • In the Site URL input, enter the title of the Gadget you want. Example: Comment List.
  11. If all inputs are set, click the SAVE button next to them.
  12. If you want to finish the configuration, click the SAVE button at the bottom.

Next, you can configure the Comment List Gadget (Optional).

Set Number of Comment (Optional)

You can set the number of comments you want to show. If you don't set it, then the default number of comments that will be displayed is 6 comments. Here are some ways to set it:

  • Edit the Comment List Gadget that you added earlier.
  • Click the ADD A NEW ITEM button.
  • In the Site name input, enter result.
  • In the Site URL input, enter the number of posts you want to show. Example: 12.
    In the Site URL input, Make sure you enter numbers, not strings/text.
Attention:
  • This Gadgets can only be placed on the Main Top or Main Bottom Section.
  • This feature only available on Materia X2 version 3.1 and above.

LinkList

The LinkList Widget or Gadget is basically useful for displaying a collection of sites, blogs, or web pages to visitors.

There are several settings for the LinkList Widget or Gadget, including; LinkList Icon and color settings, including; LinkList Border Color and LinkList Link Color.

You can customize it by accessing it in the Customizer Settings.

Customizer Settings

There are several Options and Color settings for all Widget or Gadgets in Materia X2 Theme.

Options for Gadgets or Widgets

There are several Options that can be customized. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard.
  2. Select the Theme menu.
  3. Click the CUSTOMIZE button.
  4. Click Advanced, click Default Options Dropdown and Select Gadget Options.
  5. Find the Widget or Gadget settings you are looking for.
  6. Click the Save button (diskette icon) in the lower right corner.

Color Settings for Gadgets or Widgets

There are several color settings for the Gadgets or Widgets that can be customized. Here are some steps to customize it:

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

Those are some steps to configure the Header or Navigation Bar in Materia X2 Theme. If you have any questions, please write them in the comments section.

If you want to report some bugs, you can write them in the comments section on the Bug Report page and if you want to request new features or want to provide feedback, please write them in the comments section on the Request and Feedback page.

Yasya El Hakim
404 Not Found!
Comments
To add an image:
[image] image_url [/image]

To add a code block:
[code] your_code [/code]

To add a quote:
[quote] your_quote [/quote]

To add a link:
[link] your_link_text | link_url [/link]
AndiFc Comment Poster
[image]https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyQV_xIIMDWTvc65018PfM5bQzjJpllOe7Xd0X8PGLyMAG_pCBjhOjj1pvOf8fc5v2N2AFm4Etr2S5bv3DluRL73aV1gWtPysj1lFEHD07-8J8IoLeJccJQAr0cJyloeFFHadZBTdVuGjcY7C3RBsOtLs0UX42RZCku6mabh4bS_XjLNNp9leFd_47Qg/s1600/Screenshot%202022-06-11%20at%2012-26-42%20Materia%20X2%20v2.8.png[/image]
Joe James Comment Poster
Thanks
İlkay Gürler Comment Poster
test comment.
test comment.