Hello! Welcome to EmadulAi.
There are many in-built plugins in the theme, and a few of them are documented separately. This page documents the rest of the plugins.
Bookmark Posts
The Bookmark Posts feature allows your site visitors to save posts so they can read them later. The posts are stored in the browser using localStorage Web APIs. This feature comes enabled by default, but you can disable or customize it through Layout.
- Go to Blogger Layout.
- Search for the LinkList widget with the title Bookmark Posts (if you have not renamed it).
- Click on the pencil icon beside the widget.
The Bookmark LinkList widget can be configured with the following options:
| Site Name | Description (Site URL) |
|---|---|
noBookmarkMessage |
The message to show when no post has been bookmarked. |
viewAllArticlesText |
The text for the button linking to all posts webpage (only appears when no post is bookmarked). |
Live Search
Live Search was added in v3.1, so you will be able to enable it only if you are using v3.1.0 or above.
Live Search plugin is now stable!
Initially introduced as an experimental feature in v3.1.0, the Live Search plugin has been fully stabilized starting from v3.2.0. We still welcome your feedback to make it even better!
The Live Search feature shows a list of posts matching the query as soon as a user inputs a keyword in the search bar. This feature comes enabled by default, but you can disable or customize it through Theme Designer.
- Go to Blogger Theme Designer.
- Click on the Advanced tab.
- From the dropdown selection list, select Plugin: Live Search.
Cookie Consent
The Cookie Consent feature shows a popup through which the site owner can obtain consent from users. This feature comes enabled by default, but you can disable or customize it through Layout.
- Go to Blogger Layout.
- Search for the LinkList widget with the title Cookie Consent (if you have not renamed it).
- Click on the pencil icon beside the widget.
The Cookie Consent LinkList widget can be configured with the following options:
| Site Name | Description (Site URL) |
|---|---|
description |
The description to show when the consent popup appears. |
accept |
The text for the accept button. |
more |
The text for the more button (links to the webpage specified in the link option). |
link |
The link to attach to the more button. |
maxAge |
The consent expiration in milliseconds, defaults to 2592000. |
Realtime Views Counter
The Realtime Views Counter shows the number of post views. This plugin utilizes Firebase Realtime Database to store view counts. If you would like to enable this feature, follow these steps:
- First, you need to configure a Firebase project with your blog.
- Go to Blogger Theme Designer.
- Click on the Advanced tab.
- From the dropdown selection list, select Plugin: Views Counter.
- Set the length of Views Counter to 1px or 2px to disable or enable the plugin respectively.
Warning!
In order to make a connection to the database instance through WebSocket for realtime updates, the Firebase JavaScript SDK is loaded and executed in the client's browser. If you do not need this feature, please disable it.
Labels Description
Labels Description was added in v3.1, so you will be able to enable it only if you are using v3.1.0 or above.
The Labels Description widget displays information (such as label name, number of posts, label description if added, and label cover if available) on label pages. For example, if we are at /search/label/Art, it shows information about the Art label. This feature comes enabled by default, but you can disable or customize it through Layout.
- Go to Blogger Layout.
- Search for the LinkList widget with the title Labels Description (if you have not renamed it).
- Click on the pencil icon beside the widget.
How can I add a description to a label?
To add a description to a label, create a link in the widget with the label name as the Site Name (case-sensitive) and its description as the Site URL. For example, if you want to add a description to the Lifestyle label, create a new link with Lifestyle as Site Name and the description text as Site URL.
How can I add a cover image to a label?
By default, the widget tries to select a thumbnail from posts in view as the cover image, but you can explicitly specify an image as cover. To do so, create a link in the widget with the label name followed by a space and [cover] as the Site Name (case-sensitive) and the image URL as the Site URL. For example, if you want to add a cover image to the Lifestyle label, create a new link with Lifestyle [cover] as Site Name and the cover image URL as Site URL.
Categorized Posts
The Categorized Posts widget can be used to display posts with a particular label on the homepage. For example, you can use it to display a certain number of posts having the label News. This widget can be disabled or customized through Layout.
- Go to Blogger Layout.
- Search for the LinkList widget with the title Categorized Posts (if you have not renamed it).
- Click on the pencil icon beside the widget.
Quick Edit
The Quick Edit feature allows administrators to navigate directly to Post Edit, Blog Layout, and Blog Settings pages by clicking on shortcut buttons that appear in the UI when viewed by a blog administrator. It can also display a delete button next to a comment if the page is viewed by a blog administrator or the comment author. This feature comes enabled by default, but you can disable or customize it through Theme Designer.
- Go to Blogger Theme Designer.
- Click on the Advanced tab.
- From the dropdown selection list, select Plugin: Quick Edit.
Syntax Highlighter
The Syntax Highlighter feature is used to highlight code inside <pre> or code block components. It can also automatically add a copy button and line numbers to the code block, making it more user-friendly for readers. This feature comes enabled by default, but you can disable or customize it through Theme Designer.
- Go to Blogger Theme Designer.
- Click on the Advanced tab.
- From the dropdown selection list, select Plugin: Syntax Highlighter.
Microsoft Clarity
Microsoft Clarity plugin was added in v3.1. Therefore, you will be able to enable it if and only if you are using version v3.1.0 or above. Otherwise, you can simply follow the official Microsoft Clarity documentation.
This theme includes a built-in Microsoft Clarity plugin that allows you to choose the script loading type. Follow these steps to enable the plugin:
- Login to Microsoft Clarity.
- Select your project and navigate to its Settings.
- Click on Overview.
- Copy the Project ID by clicking the copy button next to it.
- Navigate to the Blogger HTML Editor page.
-
Look for the following code snippet and paste the project ID in the marked place:
<Variable name="clarity.trackingId" description="Microsoft Clarity Tracking Code" type="string" default="" value=""/> [!] Microsoft Clarity Tracking Code [!] @type {String} - Save the changes and go to Blogger Theme Designer.
- Click on the Advanced tab.
- From the dropdown selection list, select Plugin: Microsoft Clarity.
-
Set the length of Enable Script to
2pxin order to enable the plugin. You can set it back to1pxif you decide to disable it in the future. You may also change the Load Type if needed (it works the same way as the Google Analytics plugin).
