How to add 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.

If you are a New Dashboard user, you can find the installation code of your widget following the steps described in this article - Where to get Elfsight widget installation code (new dashboard).

Blogger Video Tutorials by widgets

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
Switch from Compose to HTML mode, 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 and click Edit HTML.

2

Paste the installation code

Find </body> tag;
Paste your installation code before it;
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 and click Edit HTML.
2: Paste the installation code
You will be redirected to the editing Theme page. Find <body> tag and paste your installation code right after <div class>. Click Save to apply changes.

You have successfully added the widget to all pages of your Blogger website!