Další díly najdete v rozcestníku.
Na hodně stránkách bývá obvykle
kontaktní formulář přes, který se může návštěvník autorovi napsat jakýkoli vzkaz. Nyní se naučíme nejen jak si ho na blog vložit,
ale i to jak jeho vzhled upravovat (pokud se vám základní šablona nelíbí).
Nejprve půjdete na
Blogger -> Rozvržení -> Přidat gadget -> Další gadgety -> Kontaktní formulář -> Uložit
 |
| Kliknutím zvětšíte |
Nyní máme na blogu přidán jednoduchý kontaktní formulář. Když se vám tento formulář nelíbí můžete si ho změnit; stačí jen jít na
Blogger -> Šablona -> Personalizovat -> Pokročilé -> Přidat CSS a do následujícího pole zadejte tento kód:
/*všechny barvy se musí zadat v angličtině*/
.contact-form-widget {
width: 450px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: lightblue; /*pozadí formuláře*/
color: black; /*barva textu*/
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 0px;
}
.contact-form-button-submit {
border-color: #C1C1C1;
background: white; /*pozadí tlačítka*/
color: black;
width: 80px;
max-width: 100%;
margin-left: 80px;
}
.contact-form-button-submit:hover{
background: grey; /*pozadí tlačítka po najetí myší*/
border: 1px solid #FAFAFA;
}
Vložte tento kód:
|
Pokud se vám aktuální barvy nelíbí tak je můžete změnit v kódu.
Zdravím, nevíš jak upravit v tom formuláři ty texty? není tam úplně ideální překlad z angliny.. první řádek Název se v mailu zobrazí v podpisu, tudíž by tam spíš sedělo Jméno
OdpovědětVymazatBlogger -> Šablona -> Upravit HTML a najdeš si kód <data:contactFormNameMsg/> a nahradíš textem Jméno.
OdpovědětVymazatZdravím, jde nějak udělat, aby kontaktní formulář byl jen na jedné konkrétní stránce (v jednom konkrétním příspěvku)?
OdpovědětVymazatKdyž ho vložím pomocí rozvržení, tak se mi zobrazí v každém příspěvku – např. v zápatí nebo v bočním sloupci, ale já ho chci mít jen na jedné kontaktní stránce.
Jde kontaktní formulář přidat do konkrétního článku?
OdpovědětVymazat