Hledáte způsob jak na webové stránky u Webnode vložíte ikonky soc. sítí do horní části webu? 
V návodech Jak propojit Facebook s webem? a Jak propojit www stránky se sociální sítí Instagram? jsme si ukázali jak Váš web můžete různými způsoby propojit se soc. sítěmi Facebook a Instagram.
V tomto návodu si ukážeme další velmi jednoduché řešení pro soc.siete FB / Instagram a to přidání ikonek soc. sítí do horní části Vašeho webu (vlevo/nahoru).
#1. První krok je úprava URL adres pro Vaše sociální sítě v kódu nižšie.
Na řádku č. 23 v kódu upravte hodnotu URL-ADRESA-PRE-INSTAGRAM pro Instagram.
Přepište hodnotu URL-ADRESA-PRE-INSTAGRAM na URL adresu Vašeho Instagramu. (Např. URL adresa pro můj Instagram je: https://www.instagram.com/iamwilliam5/ )
Na řádku č. 28 v kóde upravte hodnotu URL-ADRESA-PRE-FACEBOOK pro Facebook.
Přepište hodnotu URL-ADRESA-PRE-INSTAGRAM na URL adresu Vašeho Facebooku. (Např. URL adresa pre moju firmu na Facebook je: https://www.facebook.com/webgrowcz/ )
#2. Druhý krok je vložení upraveného kódu do hlavičky stránek.
V horní liště editoru klikněte na 
a zvolte např. “Úvodní stránku” a pokračujte možností “SEO Nastavení stránky” a upravený kód vložte do sekce “HTML kód v hlavičce“.
Kód vložte do hlavičky na všechny stránky na kterých to chcete mít 🙂
Potřebný kód je:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<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-ADRESA-PRE-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-ADRESA-PRE-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> |
TIP: Vložte si na web online chat pro rychlejší komunikaci s návštěvníky Vašeho webu. Doporučuji službu, která je zdarma – Smartsupp
Další návody
Webnode Recenze 2022: Jak si vytvořit web stránku jednoduše a zdarma
Chtěli jste si někdy vytvořit vlastní webovou stránku úplně od začátku? Chcete si vytvořit web nebo e-shop a zviditelnit se na Internetu? Začněte právě teď a naučte se jak si jednoduše vytvoříte svůj první vlastní web.Vytvoření webu s Webnode je jednoduché - zvládne...
Jak na web ve Webnode přidat playlist/album ze Spotify?
V návodu „3 jednoduché způsoby jak na web vložit online MP3 přehrávač“ jsme si ukázali jednoduchý způsob jak vložit na web přehrávač hudby. Pojďme se nyní společně podívat na vaše další možnosti.Máte rádi Spotify?Vložte si Spotify playlist/album jednoduše na svůj web...
Jak si na web ve Webnode přidat horní lištu s kontaktními informacemi a ikonami soc. sítí?
Přidejte si na web horní lištu s kontaktními informacemi, ikonkami soc. sítí, přepínačem měn (v e-shopu) nebo přepínač jazyků (cez vlajky).V novinkách 5 nových funkcí NOVÉHO Prémiového balíčku Business a 6 nejlepších WEBNODE šablon pro tvorbu webu jsme si o našem...
Jak si na web ve Webnode přidat online rezervační systém? Zdarma!
Potřebujete na Vaše webové stránky např. ve Webnode vložit online rezervační systém pro správu rezervací? Ať už děláte cokoliv, Reservio je skvělou volbou pro organizaci Vašeho času! 🙂 A co všechno Vám online rezervační systém od Reservio nabízí? přehledný kalendář,...
Jak si na web přidat speciální animaci pro porovnání 2 fotek (před a po)?
Chtěli jste si někdy vylepšit Váš web ve Webnode, aby Vám ho mohli všichni závidět?Na mých toulkách po Internetu jsem objevil český nástroj Fotopredapo.cz, který nám umožní jednoduše vytvořit animaci 2 fotek - před a po. Tento nástroj je vhodný např. pro úklidové...
Jak přejmenovat tlačítko “Do košíku” ve Webnode e-shopu?
Chtěli byste ve Webnode e-shopu přejmenovat tlačítko "Do košíku" ?V návodu "Jak přejmenovat" Košík "v menu ve Webnode e-shopu?" jsem Vám ukázal, jak se můžete odlišit od konkurence, a přejmenovat si nákupný košík. Pojďme se nyní společně podívat na Vaše další...
Jak změnit styl písma (font) ve Webnode?
VideonávodChtěli byste si změnit styl písma ve Webnode na svůj vlastní? Pár slov na úvodNástroj Webnode umožňuje změnit styl písma v sekci: "Nastavení" - "Vzhled" - "Fonty" a fonty, které editor nabízí jsou velmi pěkné. Ne každému avšak předdefinované fonty...
Jak na web ve Webnode přidat ikonky soc. sítí do DOLNÍ části webu?
Chtěli byste si přidat ikonky soc. sítí např. Facebook, Instagram do DOLNÍ části Vašeho Webnode webu?O propojení Vašeho Webnode webu se soc. sítěmi jsem už napsal pár návodů: Jak propojit Facebook s webem? Jak propojit www stránky se sociální sítí...
Jak na web ve Webnode přidat Vaše uživatelské recenze z Firmy.cz?
Recenze na web z katalogu firem Firmy.cz Hledáte widget uživatelské recenze na web?V návodu Jak přidat www stránku do katalogu firem Firmy.cz od Seznam? jsem Vás naučil jak si Vaši firmu zaregistrujete do nejznámějšího českého katalogu firem - Firmy.cz ...
Líbil se ti tento návod? Pošli ho přátelům 🙂
Dobrý den,
díky za návod. Ale spíš by se mi hodilo vložit ikony na konec stránky do patičky, nebo před ní. Můžete mi prosím poradit? Díky Jirka
Zdravím Jirka,
ďakujem za zastavenie na mojom webe.
Inšpirovali ste ma k napísaniu nového návodu: Jak na web ve Webnode přidat ikonky soc. sítí do DOLNÍ části webu?
Čo myslíte? Bola by táto možnosť pre Vás vyhovujúca?
S pozdravom
Viliam
Dobrý den, existuje nějaká varianta, že byste sem mohl hodit návod, jak widgety umístit pod sebou na levou stranu webové stránky a ne na horní lištu?
Našel jsem si stránky typu ShareThis, kde tuto možnost nabízí, nicméně není tam zahrnuta varianta instagramu, stejně jako tomu je u AddThis.
Děkuji a přeji hezký den 🙂
Petr
Dobrý deň,
ďakujem za komentár.
Pridal som nový návod pre pridanie ikoniek soc. sietí Addthis.com, ktorá umožňuje pridať ikonku Instagram/fb do pravej dolnej časti webu.
Viď. návod: Ako na web vo Webnode pridať ikonky soc. sietí do DOLNEJ časti webu?
Čo myslíte? Pomohlo by Vám to?
Do ľavej časti to bohužiaľ cez túto službu Addthis asi nepôjde.
S pozdravom
Viliam