How to put up your banner. VKontakte banner - how to make and place it yourself

In this article you will learn how to install a banner on a site that runs on WordPress. A method that is suitable for beginners, as it is the easiest, simplest and most understandable.

Banners are images, animated or static, that when clicked take you to a specific address. They are the most common type of advertising. And if you know how to install a banner, you will be able to sell banner spaces on your website.

Before installing banners, find out about the recommendations for them:

  • It is better to use an animated banner, since a static one merges with the entire site design.
  • An animated banner should not switch too often so that the visitor can see what is being drawn on each frame.
  • It is better to make a banner in gif image format, and not in the form of a swf flash image, since flash banners cause a negative reaction from search engines.
  • Banner images should not weigh too much so as not to load the site.
  • Clicking on the banner should open another page in a new tab, not the same one.

How to install a banner

In order to install a banner, you do not need to be a programmer. In WordPress, everything can be implemented more easily, without knowing the code, although you still have to tinker with the code. Those who are lazy can use a special plugin. About him .

To install a banner, do the following:

  • Open the post editor (console item “Posts”, sub-item “Add new”).
  • Click the "Add Media" button and upload a banner image.
  • Once the image is loaded in its attributes, in the Link list, select Custom and specify the link you want the banner to redirect to.
  • In the post editor, go to the “Text” tab. You will see a banner code that you can install anywhere on the site or distribute it for someone else to install.

There are two ways to install a banner in WordPress:

  • The first one is simple. Go to the “Appearance” item, the “Widgets” sub-item and drag the “Text” widget to the desired area. Paste the banner code into it and it will be displayed on the site.
  • The second is more complex, but differs from the first in that the banner can be installed not only in the widget area, but also anywhere on the site. In this method, the banner code must be placed in one of the theme files. Before doing this, do not forget to make a backup copy of the site so that there are no troubles later.

Now you know how to install a banner. In most cases, you can use the first, simple method; it will suit almost everyone.

(1 ratings, average: 5,00 out of 5)

Placing banners is one of the ways to make money on your website or blog. The easiest way to add it is if you already have ready-made html code. But introducing a boilerplate and potentially malicious element into the pages of your own project is not a good idea. Therefore, before inserting a banner, carefully study its contents and edit if necessary.

First, let's look at inserting a banner on a website designed using pure HTML+CSS. Copy the finished element code from the advertiser’s website and edit it according to general formatting rules. To make corrections, use a copy of the page on your site; never make edits directly on the server. The banner code is standard HTML markup with styles located inside the tags. They must be in separate files and connected to each other by selectors. Pay special attention to checking the uniqueness of classes and ids in the project code. No other elements should affect the display of the banner. Make sure that the selector names do not overlap by searching in your usual file editor (usually called by pressing Ctrl+F). Look to see if there are any suspicious elements in the code. The simplest banner consists of two tags:
And