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
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 ...
Jak na web ve Webnode přidat animaci padajícího sněhu? Padající sníh html kód
Chtěli byste vylepšit Váš web ve Webnode animací padajícího sněhu? Žádný problém! V tomto návodu si ukážeme, jak na Váš web přidáte padající online sníh. Jednoduše a zdarma. Čtěte dál! #Pojďme nato! 1. Přihlaste se do editace webu ve Webnode, a vložte níže uvedený...
Jak přidat vyhledávač produktů (searchbox) ve Webnode e-shopu?
Chtěli byste vyhledávač např. produktů na Vašem e-shopu od Webnode?Hledáte jednoduché a stylové vyhledávací políčko, které si vložíte na Váš web či e-shop ve Webnode?VIDEONÁVOD:V návodu Jak na web přidat vlastní vyhledávací pole? Google Custom Search jsme si ukázali...
VIDEONÁVOD: Jak ve Webnode vložit soubor ke stažení skrz tlačítko, text nebo obrázek
3 jednoduché možnosti jako ve Webnode vložit na web vlastní soubor (.pdf, .mp3, .mp4 apod). V tomto videonávodu si ukážeme jak si jednoduchým způsobem vložíte na webové stránky ve Webnode soubor. V editačním systému Webnode můžete nahrát různé typy souborů jako např....
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