Kotva funguje ako odkaz vo vnútri jednej stránky. Cez odkaz si teda nezobrazíte inú stránku (web), ale dostanete sa na iné miesto na stránke, ktorú práve sledujete. Tvorba kotvy (záložky) sa rozdeľuje na dve časti:
- Najprv vytvoríte záložku, takže nejaké miesto, ktoré sa zobrazí po kliknutí na odkaz.
- A následne nastavíte odkaz, ktorý Vás presunie na záložku (kotvu).
Kotva sa u Webnode nastavuje pomocou HTML kódu. HTML kód môžete na stránky vo Webnode, vkladať pomocou tohto návodu.
Bod č. 1: Tvorba kotvy:
Na požadované miesto na Vašich stránkach vložíte pomocou HTML kódu záložku. Každú záložku je potrebné presne pomenovať – názvy sa v rámci jednej podstránky nemôžu opakovať. Pre tvorbu kotvy môžete použiť tento HTML kód:
|
1 |
<div id="XXXXXXX"></div> |
Namiesto XXXXXXX zadáte názov danej kotvy napr. kotva1
Bod č. 2: Tvorba odkazu:
Po kliknutí na odkaz, budete presmerovaný na kotvu – odkaz sa väčšinou nastavuje na bežný text, môže byť ale napr. nastavený i na obrázok alebo tlačítko apod. Pre vloženie odkazu na bežný text, použite tento kód:
|
1 |
<a href="#XXXXXXX">Text na ktory sa klika</a>a |
Namiesto #XXXXXXX zadáte názov kotvy z bodu č.1
Príklad:
Na nižšie uvedený “Text na ktorý sa kliká” je nastavená kotva, ktorá vedie na začiatok tohto článku. Na začiatku tohto článku je vložený HTML kód v tvare:
|
1 |
<div id="kotva1"></div> |
Text na ktorý sa kliká je vložený pomocou HTML kódu, ktorý je v tvare:
|
1 |
<a href="#kotva1">Text na ktory sa klika</a> |
Môžete to vyskúšať a kliknúť na nižšie uvedený “Text na ktorý sa kliká”.
TIP:
Kotvu môžete vo Webnode nastaviť aj na tlačítko napr.: “Na začiatok”.
1. Najprv vložíte na stránky kód z bodu č.1. Kód vložíte na miesto, kde chcete návštevníka presmerovať.
2. Následne na web vložíte tlačítko, ktoré môžete pomenovať napr.: Na začiatok
3. A nakoniec nastavíte odkaz na tlačítko v tvare:
|
1 |
http://www.mojweb.sk/podstranka/#nazov_kotvy |
Ďalšie skvelé návody
Ako na web vo Webnode vložiť anketu?
Chcete na webové stránky vo Webnode vložiť anketu?Online dotazník zdarma (anketa na web) je jeden z najčastejších spôsobov ako dostať od návštevníkov webu spätnú väzbu. Bez spätnej väzby je ťažké posúdiť, či na svojich zákazníkov pôsobíte správne a či má vôbec Vaše...
Ako pridať obrázok GIF vo Webnode?
Chcete na web vo Webnode vložiť GIF obrázok? Systém Webnode nepovoľuje gify, keď ich vložíte ako obrázok. Z tohto dôvodu musíte najprv požadovaný .GIF obrázok nahrať na externú stránku a získať tak URL adresu obrázku. Získanú URL adresu vložíte do kódu a HTML kód...
Online rezervačný systém na web? Odporúčam systém, ktorý sa prispôsobí každému podnikaniu
Chcete na Váš web pridať spoľahlivý a jednoduchý online rezervačný systém? Reservanto je najlepší rezervačný systém, ktorý ponúka verziu Zdarma bezplatne a to dožitovne. Jedným z cieľov Vášho webu môže byť napríklad vytvorenie rezervácie. Najčastejšie túto formu...
Ako prepojiť Facebook Messenger s webom u Webnode?
Chcete prepojiť Facebook Messenger s webom u Webnode a získať tak "online chat" na webe úplne zdarma? Jednoduchý návod na prepojenie webu u Webnode s Facebook Messenger Facebook Messenger je skvelou voľbou pre komunikáciu s návštevníkom Vášho webu. Po kliknutí na...
Ako Nastaviť Emailový Marketing vo Webnode cez MailChimp?
Hľadáte jednoduché riešenie pre e-mailový marketing vo Webnode? Chcete na Váš web vložiť vyskakovacie okno (pop-up) pre zber e-mailov? Posielajte svojim odberateľom novinky skrz automatizovaný systém MailChimp. Je to zdarma do 2 000 odberateľov a 12 000 e-mailov...
Ako si vytvoriť web stránku jednoducho a zdarma (Webnode návod)
Chceli ste si niekedy vytvoriť vlastnú webovú stránku úplne od začiatku? Chcete si vytvoriť webstránku alebo e-shop a zviditeľniť sa na Internete? Začnite práve teraz a naučte sa ako si jednoducho vytvoríte svoj prvý vlastný web. Tvorba webu s...
Ako pridať remarketingový kód vo Webnode?
Ako nastaviť remarketing vo Webnode? a Kam vložiť remarketingový kód? V návode Ako pridať konverzný kód vo Webnode? som Vám ukázal jednoduchý postup pre vloženie konverzného kódu pre sledovanie konverzií. Poďme sa teraz spoločne pozrieť na ďalšiu PPC metódu...
Ako nastaviť poštového klienta Gmail s emailom od Webnode?
Chcete prepojiť svoj e-mail u Webnode s Gmail.com a nastaviť Gmail ako poštového klienta? Príjem správ z Webnode do Gmail. V návode Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA som Vám ukázal veľmi jednoduchý spôsob ako si vytvoriť emailový...
Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?
Chcete pochopiť správanie Vášho klienta na webe? Služba SmartLook Vám s tým určite pomôže. Čo je to "Smartlook" ? Smartlook je online aplikácia pre nahrávanie pohybu myši návštevníkov Vášho webu/eshopu, Pomôže Vám odhaliť chyby na Vašom webe. Použitie...
Pomohol ti tento návod? Pošli ho priateľom 🙂
Viliam
Wow, super návod, kotva funguje, dlouho jsem hledal něco jednoduchého. Díky!!