Adding Elfsight widget to Blogger website
To add Elfsight widget to your Blogger website, you need the installation code. Here is an article that explains where to get it - Where to get Elfsight widget installation code.
In this article
Adding your widget to a specific page
- 1
-
Go to Blogger website's admin panel
Log in to your Blogger website's admin panel, click Pages, and choose the page where you'd like to add the widget:
- 2
-
Paste the installation code
Click on the Pencil icon and switch from Compose to HTML view, paste your installation code, and click Update:
You have successfully added the widget to a specific page of your Blogger website!
Adding your widget to the home page (if there is no home page in Pages section)
- 1
-
Go to Blogger website's admin panel
Log in to your Blogger website's admin panel. Click Theme, find the theme your website uses, click on the dropdown in Customize, and choose Edit HTML:
- 2
-
Paste the installation code
- Find </body> tag;
- Paste your widget installation code before it;
- In the first line of installation code add ="true" after data-use-service-core. It should look like this:
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core="true" defer></script>
- Before your installation code add tag <b:if cond='data:view.isHomepage'>;
- After the installation code add tag </b:if>;
- Click Save to apply changes.
You have successfully added the widget to the home page of your Blogger website!
Adding your widget to all pages
- 1
-
Go to Blogger website's admin panel
Log in to your Blogger website's admin panel. Click Theme, find the theme your website uses, click on the dropdown in Customize, and choose Edit HTML:
- 2
-
Paste the installation code
You will be redirected to the editing Theme page.- Find <body> tag;
- Change the first line of your installation code by adding ="true" after data-use-service-core. It should look like this:
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core="true" defer></script>
- Paste your widget installation code;
- Click Save to apply changes.
You have successfully added the widget to all pages of your Blogger website!