Videonávod

 


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:

  1. Najprv vytvoríte záložku, takže nejaké miesto, ktoré sa zobrazí po kliknutí na odkaz.
  2. 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:

 

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:

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:

Text na ktorý sa kliká je vložený pomocou HTML kódu, ktorý je v tvare:

Môžete to vyskúšať a kliknúť na nižšie uvedený “Text na ktorý sa kliká”.

 

 

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:

 

TIP: Kotvu môžete použiť aj pri vytvorení skrolovacieho webu vo Webnode. Prečítajte si môj návod:

Ako vytvoriť jednoduchý vizitkový web?

Ďalšie skvelé návody

Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!

Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!

Potrebujete na Vaše webové stránky napr. vo Webnode vložiť online rezervačný systém pre správu rezervácií? Nech už robíte čokoľvek, Reservio je skvelou voľbou pre organizáciu Vášho času! 🙂 A čo všetko Vám online rezervačný systém od Reservio ponúka? prehľadný...

Ako pridať vyhľadávač produktov vo Webnode e-shope?

Ako pridať vyhľadávač produktov vo Webnode e-shope?

Chceli by ste vyhľadávač produktov na Vašom e-shope od WEBNODE?Hľadáte jednoduché a štýlové vyhľadávacie políčko, ktoré si vložíte na Váš web, či e-shop vo Webnode?VIDEONÁVOD:V návode Ako na web pridať vlastné vyhľadávacie pole? Google Custom Search  sme si ukázali...

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Chceli by ste si prepojiť Váš web vo Webnode s Facebook? V návode Ako pridať remarketingový kód vo Webnode? som Vám priblížil čo ten remarketing vlastne je. Poďme sa teraz spoločne pozrieť na FB reklamu a Vaše ďalšie možnosti :)Čo je to ten Facebook Pixel?  ...

Ako premenovať “Košík” v menu vo WEBNODE e-shope?

Ako premenovať “Košík” v menu vo WEBNODE e-shope?

Chceli by ste premenovať košík v e-shope vo Webnode z "Košík" na napr. "Môj košík" ?   S mojim jednoduchým návodom to určite zvládnete. Stačí sa prihlásiť do môjho newslettra - William promotions news - a získať predpripravený kód. V kóde jednoducho zmeníte text...

Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?

Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?

Chcete zaujať Vaše publikum?  Chceli by ste si vylepšiť Váš web?   Vytvoril som pre Vás kód, ktorý umožní na Vašom webe , či e-shope vo WEBNODE zobraziť animáciu písajúcej ceruzky. V kóde si môžete zvoliť vlastný text, aby ceruzka písala presne to, čo chcete! :)...

Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?

Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?

Chceli by ste si na webové stránky vo Webnode pridať FAQ ?V návode Ako zobraziť a skryť text po kliknutí na tlačítko “Viac textu” ? som Vám ukázal jednoduchý spôsob ako na webe skryť text.   V tomto návode si ukážeme, ako je možné pomocou môjho kódu vytvoriť na...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Sleduj