How to add a header banner at your KVS website

[HelmutsHelmuts is verified member.]

Note: This applies to KVS v5.5.1

--

This morning I had a question how I have added the header banner at DNMum.com.

--

The process is very simple:

1) Go to 'Website UI'
2) Subsection 'Advertisements'
3) Click on the Edit button of the 'index page top'

3) Enter your code in 'HTML code'
4) Make sure that the 'Status' is 'Active'
5) Save

--

I host my banners at imgur

Sample code, if you wish to test this functionality:

<a href="https://www.summit.london/web/event?eventid=2138597763" title="London Domain Summit 2023" target="_blank"><img src="https://i.imgur.com/VpBI0y7.gif"/></a>

 

[ALVINIALVINI is verified member.]

Great tutorial, only 1 problem: I haven't got that "Index Page Top" option in that section at all. Any Idea where to create one?

https://imgur.com/a/VrdMl4J

 

[HelmutsHelmuts is verified member.]

Viktor, very good question!!

Here is the solution:

1) Go to: Website UI > Add Spot
screenshot:

2) Create a title there (title can be whatever you choose it to be) and add a following HTML code for this spot

<div class="spot">%ADV%</div>

screenshot:

3) Next, go to: Website UI > Add advertisement
Screenshot:

4) Let us create the advertisement itslelf
4.1) Add a title of your choice

4.2) IMPORTANT: choose the 'Add spot' you've just created

4.3) Insert your html code (banner, or code of your Ad Network) to display your advertisement
here is a sample code of ours (you can test it):

<a href="https://www.summit.london/web/event?eventid=2138597763" title="London Domain Summit 2023" target="_blank"><img src="https://i.imgur.com/VpBI0y7.gif"/></a>

the rest of the options can stay as they are, or play with these as you wish

5) Return to: Website UI > Advertisements > and now click on the Ad Spot you have recently created

6) Copy this code that is besides the text @Insert code:
Screenshot:

7) No go to: Website UI > Pages
find 'Index' and click on it, or on its edit button on the right side
Screenshot:

8) Enter the code that you have copied from the Step 6 of this tutorial as seen in this screenshot:

==============

This tutorial should help you to understand the main principle how to create a new ad spot and place adverts of your choice in these.

With this approach you can add your banners and code ads in the every part of the website.

Now, don't forget to say TX and go and play!

 

[ThreeDdude]

Thank you for great tutorial 

 

[HelmutsHelmuts is verified member.]

Thank you for great tutorial 

You are most welcome buddy .. how did find us? .. feel free to share your main kvs tube (don't worry, I assume it is x rated)

 

[HelmutsHelmuts is verified member.]

[member=100]ThreeDdude[/member] ahh.. got it