Kaip pridėti kontaktų formą į atskirą puslapį Blogger‘yje?

Kontaktų forma ne tik suteikia daugiau profesionalumo svetainei ar tinklaraščiui, bet ir Jūsų klientams ar skaitytojams leidžia lengviau su Jumis susisiekti. Blogger platformoje galite lengvai pridėti kontaktų formos programėlę, tačiau ji atsiras kaip tinklaraščio išdėstymo elementas, ir bus matoma visuose puslapiuose.

Tad, kaip pridėti kontaktų formą į atskirą puslapį? Viskas labai paprasta, tiesiog vadovaukitės šiais lengvais žingsneliais.

Kontaktų forma Blogger platformoje

Kaip įterpti kontaktų formą?

1. Visų pirma turite pridėti Blogger kontaktų formą į šoninę valdymo juostą. Nesijaudinkite, vėliau ją paslėpsime. Blogger prietaisų skydelyje eikite: Išdėstymas -> Pridėti programėlę -> Susisiekimo forma.

2. Kai pridėsite programėlę, nukopijuokite šį kodą:

<form name="contact-form">

<div>Jūsų vardas</div>

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="Jūsų vardas" size="30" type="text" value="" />

<div>

El. paštas*</div>

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="El. paštas" size="30" type="text" value="" />

<div>

Jūsų žinutė*</div>

<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="Jūsų žinutė" rows="5"></textarea>

<br />

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Siųsti" />

<div style="max-width: 450px; text-align: center; width: 100%;">

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

</div>

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

</div>

</div>

</form>

3. Eikite Puslapiai ->Pridėti naują, pasirinkite HTML režimą ir įklijuokite kodą.

Vienas iš privalumų tokiu būdu pridedant kodą yra tai, kad galite jį redaguoti, kaip tik norite. Vietoj „Jūsų vardas“, „Žinutė“ ir pan., galite parašyti savo pavadinimus.

Ką gi, sėkmingai pridėjome kontaktų formą. Beliko tik paslėpti kontaktų formos programėlę iš šoninės juostos.

Kaip paslėpti šoninės juostos programėlę?

1. Blogger prietaisų skydelyje spauskite Šablonas -> Redaguoti HTML

2. Pelytės kursyvą padėkite kažkur tarp kodų ir su CTRL+F pagalba suraskite kodą:

 </b:skin>

3. Virš jo įterpkite šį kodą:

#ContactForm1  {  display: none ! important;  }

4. Spauskite Išsaugoti ir viskas!

Labai viskas paprasta. Kontaktų forma yra paslėpta, tačiau vis tiek registruojama, todėl neištrinkite jos iš Išdėstymo skilties. 

Nepavyksta padaryti? Turite klausimų? Rašykite ir komentuokite!

Kategorijos: HTML pagrindai, Svetainės kūrimas