UZUPEŁNIAM MIEJSCE

.

▶ Jak wstawić formularz kontaktowy do podstrony?

Przychodzę do Was z kolejnym poradnikiem! Tak, dziś poruszę temat formularza kontaktowego. Jak, chyba, każdy wie, jest to pospolity widget, który można dodać wszędzie. Dokładnie "wszędzie", nie tylko do bocznych stron bloga!

A więc sprawa jest dość oczywista. Nic skomplikowanego można by powiedzieć. Wystarczy lekka orientacja. 


Kopiujemy ten kod:

<form name="contact-form">
<div>
<div style="text-align: center;">
<div style="text-align: center;">
<span style="font-size: large;">Nazwa</span></div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="text-align: center;">
<span style="font-size: large;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
</span>
<span style="font-size: large;"><br /></span></div>
</div>
</div>
<div>
<div style="text-align: center;">
<div style="text-align: center;">
<span style="font-size: large;">Email</span></div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="text-align: center;">
<span style="font-size: large;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
</span>
<span style="font-size: large;"><br /></span></div>
</div>
</div>
<div>
<div style="text-align: center;">
<div style="text-align: center;">
<span style="font-size: large;">Wiadomość</span></div>
</div>
</div>
<div style="text-align: center;">
<div style="text-align: center;">
<div style="text-align: center;">
<span style="font-size: large;"><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
</span></div>
</div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
</div>
<div style="text-align: justify;">
<div style="text-align: center;">
<span style="font-size: large;"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
</span></div>
</div>
<div style="text-align: center;">
<br /></div>
<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>


Tworzymy stronę, na której ma być umieszczony gadżet.

Klikamy w opcję "HTML"
Opcja znajduje się w górnym lewym rogu. Tuż obok opcji formatowania tekstu

Wklejamy kod.
Aby, spersonalizować widget, nie musimy mieszać w kodzie. Wystarczy, że wejdziemy ponownie w opcję pisania posta. Następnie zaznaczamy formularz i bawimy się przyciskami górnymi.


16 komentarzy:

  1. Jakie szybkie i proste do zrobienia! :-)

    OdpowiedzUsuń
  2. Nie takie to trudne, jak wygląda ;)


    talliablog.blogspot.com

    OdpowiedzUsuń
  3. Bardzo szybkie ;)
    podoba mi się ten blog ;)
    obserwuję :3
    mogę liczyć na pomoc ? poklikasz w linki choies ? do dla mnie bardzo ważnę ;)
    jak będziesz potrzebowała pomocy to napisz z chęcią pomogę ;)
    http://weeri-weri.blogspot.com/2015/02/wishlist.html

    OdpowiedzUsuń
  4. Wg mnie przydatny post ;) Wszystko dobrze objaśnione ;)
    http://marysiaofficialblog.blogspot.com

    OdpowiedzUsuń
  5. dziękuje bardzo przydatne . zapraszam do mnie http://pcworld11.blogspot.com/

    OdpowiedzUsuń
  6. przydatny post
    http://fashionbyalexandra1999.blogspot.com/

    OdpowiedzUsuń
  7. mówisz, że szukasz czegoś a'la polaroid ... zerknij tu:) http://www.instax.pl/

    http://onepicstory.blogspot.com/

    OdpowiedzUsuń
  8. pomocny post, pewnie się rady kiedyś przydadzą :D
    obserwuję :*
    http://michalinastaniec.blogspot.com/

    OdpowiedzUsuń
  9. przydatny post.:)
    http://klaudiake.blogspot.com/

    OdpowiedzUsuń
  10. Bardzo przydatny post, zapisuje w zakładkach ;))

    justsayhei.blogspot.com

    OdpowiedzUsuń
  11. fajna instrukcja ! <3
    Obserwujemy? Zacznij i napisz u mnie na blogu a także to zrobie ;3
    Poklikałabyś w baner Sheinside w prawej kolumnie ? Z góry dziękuję <3
    stay-possitive.blogspot.com

    OdpowiedzUsuń
  12. Takie posty są bardzo przydatne! Obserwuję, bo liczę na więcej takich! :)

    OdpowiedzUsuń
  13. Ale widget musi być dalej dodany w szablonie, bo inaczej formularz nie zadziała. Można go ukryć za pomocą css hidden. Na razie innego lepszego rozwiązania nie znalazłam.

    OdpowiedzUsuń

• Za każdy komentarz dziękuję, na pewno się odwdzięczę!
• Akceptuję obserwację za obserwację