Aby váš blog byl opravdu populární je ho potřeba propagovat na sociálních sítích. Také je dobré mít na svém blogu ikonky na tyto sociální sítě. Ukážeme si jak si tyto ikonky vložit na blog. Vytvořil jsem pro vás vlastní sadu ikonek, ale můžete použít jakékoli ikony.
<style type="text/css">
.ikonky:hover {
opacity: 0.5;
filter:alpha (opacity=50);
-khtml-opacity: 0.5;
}
</style>
<a href="_ADRESA_" title="_NÁZEV_SOCIÁLNÍ_SÍTĚ_" alt="_NÁZEV_SOCIÁLNÍ_SÍTĚ_"><img class="ikonky" src="_ADRESA_IKONKY_"></a>
- http://www.nahraj-obrazek.cz/?di=413996722974
- http://www.nahraj-obrazek.cz/?di=1013996722974
- http://www.nahraj-obrazek.cz/?di=14139967229711
- http://www.nahraj-obrazek.cz/?di=713996722975
- http://www.nahraj-obrazek.cz/?di=8139967229711
- http://www.nahraj-obrazek.cz/?di=213996724232
- http://www.nahraj-obrazek.cz/?di=1613996724231
chtěla bych se zeptat jak ikonky propojím se sociálními sítěmi? P.S jsem zoufalá :D
OdpovědětVymazatDobrý den, do části kódu kde je adresa musíte vložit adresu, přes kterou se vaši čtenáři dostanou na Vaši sociální síť. Např. pro Facebook vložíte adresu ve tvaru https://www.facebook.com/VAŠE JMÉNO NA FACEBOOKU. Z ostatními sociálními sítěmi je to podobně. Pokud by jste stále nevěděla tak napište prosím znovu.
VymazatDobrý den,
OdpovědětVymazatdocela bojuji a nejen s ikonami, pro většinu úprav, které chci na svůj blog aplikovat musím sáhnout do html a css. Problém vidím v tom, že tam nemám kulaté závorky,je to psáno nějak jinak a já v tom neumím moc dobře číst...Jako třeba zarovnání data a nadpis příspěvku na střed se uvádí,že máte vložit : .date-header {text-align:center;} ...Dám hledat h3 post title a mám to třeba nějak takto:
Takže vůbec nevím, kam a jak bych měla vložit příkaz pro zarovnání na střed...
A abych nebyla úplně mimo téma těch soc. ikon., podařilo se mi je úspěšně vložit,veškeré menu mám vlevo. Ale vcelku mě rozčiluje, že když použij gadget ať už pro obrázek,html java skript apod má to velké odřádkování. A pak mám třeba vložen obrázku "menu" pod ním dva cm volno a pak začínají stránky/rubriky O blogu,Design apod...
Děkuji,pokud mi budete umět poradit:)
Děkuji za návod, použila jsem jej pro vložení odkazu na eshop a funguje skvěle!
OdpovědětVymazatTento komentář byl odstraněn administrátorem blogu.
OdpovědětVymazat1. Ty adresy obrázků ikonek už asi nejsou platné, protože mi nefungují. Kam si mohu v blogspotu ikony uložit, abych je měl u sebe a mohl na ně odkazovat?
OdpovědětVymazat2. Není mi jasná syntaxe (do doplnit) pro ikonky tisk, mail a plus - rozevírací seznam dalších možností, jak je na obrázku.
3. A ještě - co se mám nastavit nebo zapsat při vkládání do JavaSciptu do editoačního políčka/rozbalovacího seznamu Název. Je to libovolné?
Děkuji za odpověděi a doplnění a také za pěkný návod. Zatím pořád zprovozňuji.
1. Obávám se, že blogspot stále tuto možnost neposkytuje. Doporučuji ikonky nahrát na nějaký free server např. https://cs.imgbb.com/
Vymazat2. Kód pro ikonku pro tisk:
<a href="#" onclick="window.print();" title="Tisk" alt="Tisk"><img class="ikonky" src="_ADRESA_IKONKY_"></a>
Kód pro ikonku pro mail:
<a href="mailto:VÁŠ@EMAIL.cz" title="Email" alt="Email"><img class="ikonky" src="_ADRESA_IKONKY_"></a>
3. Nejsem si jistý, jestli vím, o jakém políčku mluvíte, ale myslím si, že je libovolné.