As a rule, the logo is placed on sites in the image format, and the specific way to insert it into existing pages depends on their design and the type of layout used. In some cases, you can do without editing the source code at all, in others the visual editor of the control system will help, and in the third, you cannot do without manual editing of the HTML code.
Instructions
Step 1
If the site header is made in image format, the logo can be placed over the existing image using any graphics editor. This is the simplest option and does not require page editing. To use it, find the header image file on the site server and download it to your computer. Then open it with a graphical editor - for the upcoming operation, the capabilities of the standard Windows Paint are enough.
Step 2
Place the logo image over the open picture - in Paint, the "Paste from" item in the "Paste" drop-down list is intended for this. Use the mouse to drag the logo to the desired place in the background image, resize it as needed and save the result with the Ctrl + S key combination. Upload the header file with the logo to the server, replacing the original file, and the operation will be completed.
Step 3
To insert a logo into the HTML-code of a page, it is most convenient to use the graphical mode (WYSIWYG mode) of the page editor, which is available in most site management systems. Having opened the desired page in such an editor, click on the place where the logo should be placed, and press the button to insert an image in the menu. A dialog should appear on the screen, in which you need to specify the location of the file with the logo on the computer. Depending on the editor, in the same dialog there may be fields for entering additional parameters - picture sizes, indents from adjacent page elements, etc. After filling in everything, click OK, and then save the edited page.
Step 4
If you cannot use the page editor, you will have to "manually" add tags to the source code. To do this, find the file of the required page on the server, download it to your computer and open it in any text editor - for example, in Notepad. This operation requires some knowledge of the hypertext layout language - you need to find the correct place in the HTML code to place the logo tag. This tag itself in its simplest form can be written, for example, like this:
Step 5
After adding the line to the source code, save the page and replace the original stored on the server with the edited file. Then upload the file with the image there - for the example from the previous step, this file should be called logo.png
