How To Add A Widget To A Website

Table of contents:

How To Add A Widget To A Website
How To Add A Widget To A Website

Video: How To Add A Widget To A Website

Video: How To Add A Widget To A Website
Video: Adding Widgets to Your Website 2024, November
Anonim

Widgets are elements for creating active site elements. Most of the widgets are executed in the Java Script programming language, which can be easily integrated into the HTML page of the site using the appropriate code. To add the required application, it will be enough to register the required parameters in your HTML page.

How to add a widget to a website
How to add a widget to a website

Instructions

Step 1

Find a widget suitable for your site on the Internet or download it from a resource dedicated to creating such elements for webmasters. You can use either an external program, the code for which will be enough to insert into the page, or a separate file with the.js extension, which can be downloaded from the Internet. The JS file must be saved on your computer in the same directory or in a separate folder relative to your page's HTML file.

Step 2

Open the page of the site to which you want to add the widget using the text editor you use. You can also use the standard notepad utility that is available by default in Windows. To access it, right-click on your page and select the "Open with" option, and select "Notepad" in the list that appears.

Step 3

Navigate to the desired section of code where you want to insert the widget. After that, enter a code like this:

Step 4

The type parameter specifies the type of the plug-in widget (Java Script), and the src section specifies the address of this extension on the Internet. If you are using a downloaded or custom JS file, you can specify the absolute or relative path to the file with the.js extension in the src parameter. For example, if the widget.js document is located in the widget folder, which is located in the same directory as the HTML file being edited, enter:

Step 5

Save changes in the edited file using the "File" - "Save" option and check the functionality of the widget on your page. The installation of the extension for your site is now complete.

Recommended: