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.
In this article
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!