Hľadáte spôsob ako na webové stránky u Webnode vložíte ikonky soc. sietí do hornej časti webu? 
V návodoch Ako prepojiť web s Facebook? a Ako prepojiť www stránky so sociálnou sieťou Instagram? sme si ukázali ako Váš web môžete rôznymi spôsobmi prepojiť so soc. sieťami Facebook a Instagram.
V tomto návode si ukážeme ďalšie veľmi jednoduché riešenie pre soc.siete FB/Instagram a to pridanie ikoniek soc. sietí do hornej časti Vášho webu (vľavo).
#1. Prvý krok je úprava URL adries pre Vaše sociálne siete v kóde nižšie.
Na riadku č. 23 v kóde upravte hodnotu URL-ADRESA-PRE-INSTAGRAM pre Instagram.
Prepíšte hodnotu URL-ADRESA-PRE-INSTAGRAM na URL adresu Vášho Instagramu. (Napr. URL adresa pre môj Instagram je: https://www.instagram.com/iamwilliam5/ )
Na riadku č. 28 v kóde upravte hodnotu URL-ADRESA-PRE-FACEBOOK pre Facebook.
Prepíšte hodnotu URL-ADRESA-PRE-INSTAGRAM na URL adresu Vášho Facebooku. (Napr. URL adresa pre moju firmu na Facebook je: https://www.facebook.com/webgrowcz/ )
#2. Druhý krok je vloženie upraveného kódu do hlavičky stránok.
V hornej lište editora kliknite na 
a zvoľte napr. „Úvodnú stránku“ a pokračujte možnosťou „SEO Nastavení stránky“ a upravený kód vložte do sekcie „HTML kód v hlavičke„.
Kód vložte do hlavičky na všetky stránky na ktorých to chcete mať 🙂
Potrebný kód je:
| <style> | |
| .wpromotionicons { | |
| position: absolute; | |
| top: 10px; | |
| left: 5px; | |
| z-index: 99; | |
| } | |
| .wpromotionicons ul { | |
| margin: 0; | |
| padding-left: 0; | |
| } | |
| .wpromotionicons ul li { | |
| margin-left: 5px; | |
| list-style-type: none; | |
| display: inline-block; | |
| } | |
| @media screen and (max-width: 767px) {.wpromotionicons {left: 165px;}} | |
| </style> | |
| <div class="wpromotionicons"> | |
| <ul> | |
| <li> | |
| <a href="URL-ADDRESS-INSTAGRAM" target="_blank" rel="noopener noreferrer"> | |
| <img src="https://www.wpromotions.eu/wp-content/uploads/2019/01/instagram-wpromotions.png" alt=Instagram"> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="URL-ADDRESS-FACEBOOK" target="_blank" rel="noopener noreferrer"> | |
| <img src="https://www.wpromotions.eu/wp-content/uploads/2019/01/facebook-wpromotions.png" alt="Facebook"> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> |
Úspešný firemný web – návod, výhody, povinnosti a tipy!
Ako sme písali v článku Webnode recenzia, Webnode editor je vhodný pre širokú škálu používateľov. Prednedávnom sme si ukázali, že jednoduchosť a užívateľskú prívetivosť tohto online editora ocenia napríklad aj snúbenci, a to pri tvorbe svadobného webu. Webnode je...
Ako pridať certifikát „Overené zákazníkmi“ vo Webnode?
O nástroji na tvorbu webu Webnode sme naposledy písali vo Webnode recenzii. V novinke 5 nových funkcií NOVÉHO Prémiového balíčku Business – WEBNODE pre e-shopy sme Vám ukázali, aké funkcie sú súčasťou najvyššieho Prémiového balíčku. Majitelia e-shopov pripravte sa!...
Ako vo Webnode pridať vyskakovacie okno pre overenie veku? (18+)
Vyskakovacie okno vo Webnode Vyskakovacie okno zdarma vs platená verzia Vyskakovacie okno šablóny Vyskakovacie okno a Webnode e-shop Ako vo Webnode pridať vyskakovacie okno? Záver Vyskakovacie okno - Časté otázky (FAQ)Vyskakovacie okno vo WebnodeChceli by ste na Vaše...
Svadobný web zadarmo
Čo je to svadobný web? Čo je to svadobná stránka? Prečo si svadobný web vytvoriť? Čo patrí na svadobný web? Koľko svadobný web stojí? Svadobné šablóny Ako vytvoriť svadobný web?Čo je to svadobný web? Čo je to svadobná stránka?V dnešnej digitálnej dobe sa už ani svadba...
Kopírujte a presúvajte obsah bez limitácií
Kopírujte a presúvajte obsahPred pár mesiacmi sme Vám na portáli Wpromotions predstavili 7 nových WEBNODE šablón pre tvorbu firemného webu. Dnes sa pozrieme na novinky, ktoré ponúka editor pri práci s obsahom, konkrétne kopírovanie a presúvanie obsahu.Kopírovanie a...
Administrácia účtu a projektov
Administrácia účtu a projektovPár slov na začiatokVitajte v poslednej, jedenástej časti nášho seriálu Tvorba webových stránok - kompletný návod. Na koniec sa pozrieme na administráciu účtu a projektov, tzv. webov, vytvorených vo Webnode. Ako sa prihlásiť do Webnode?...
On-page SEO nastavenia
On-page SEO nastaveniaPár slov na začiatokNa tému SEO optimalizácie sme písali aj v článkoch Ako pridať stránku do vyhľadávača Google? a Ako pridať www stránku do katalógu firiem Moja Firma od Google?Vitajte v desiatej, predposlednej, časti nášho seriálu Tvorba...
Nastavenia webových stránok
Nastavenia webových stránokPár slov na začiatokVitajte v deviatej časti nášho seriálu Tvorba webových stránok - kompletný návod. Pomaly, ale isto sa blížime ku koncu. V tejto časti sa dočítate všetko o nastaveniach webových stránok vytvorených vo Webnode. Ako zakúpiť...
Ako pridať článok na web?
Ako pridať článok na web?Pár slov na začiatokVitajte vo ôsmej časti nášho seriálu Tvorba webových stránok - kompletný návod. V tejto časti sa zameriame na články. Pridať nový článok, premenovať existujúci článok, pridať k článku kategóriu či vložiť na webové stránky...
Pomohol ti tento návod? Pošli ho priateľom 🙂
- Ako vytvoriť webové stránky pre prenájom karavanu? - 7.4.2025
- Webnode Recenzia - 1.1.2025
- Ako prepojiť www stránky so sociálnou sieťou Instagram? - 29.4.2024
