Formularz kontaktowy jest nam bardzo dobrze znany. Jeden z tych gadżetów, który jest bardzo przydatny, ponieważ można od razu nie wychodząc z bloga napisać wiadomość do autora. Osobiście wolę korzystać z formularza kontaktowego niż kopiować adres e-mail, otwierać pocztę i dopiero pisać wiadomość. W dzisiejszym tutorialu pokażę wam jak umieścić formularz kontaktowy w podstronie, tak jak się znajduje u mnie w zakładce
kontakt, aby nie zawadzał nam na pasku bocznym i nie majaczył gdzieś w stopce bloga.
1. Wchodzimy w
układ i wybieramy
dodaj gadżet. Kiedy otworzy nam się nowe okno, klikamy na
"dodaj więcej gadżetów" szukamy
formularza kontaktowego. Kiedy znajdziemy nasz formularz, klikamy na
plus,a następnie
zapisz.
Obecnie nasz formularz kontaktowy znajduje się w pasku bocznym i niech tam zostanie, ewentualnie możemy przenieść go na sam dół naszej kolumny, w każdym razie formularz musi być umieszczony na blogu.
2. Przechodzimy do strony, w której ma się pojawić nasz formularz kontaktowy - w moim przypadku jest to strona test, a następnie przechodzimy do edytora HTML.
Wklejamy kod:
<form name='contact-form'>
<div>Twoje imię: </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Twój adres e-mail: <em>(wymagane)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Wiadomość: <em>(wymagane)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Wyślij'/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
Kliknij opublikuj lub aktualizuj, to zależy od tego czy wasza strona dopiero powstała czy edytujecie już istniejącą stronę.
3. Przechodzimy do szablon - edytuj kod HTML, a następnie rozwijamy listę
"Przejdź do widżetu" i zaznaczamy
ContactForm1.
Kiedy już się znajdziemy w odpowiednim miejscu, to
rozszerzamy nasz widżet, klikając na kropeczki, które są zaznaczone w ramce poniżej.
Powtarzamy tą czynność tym razem z
<b:includable id='main'>...</b:includable>
Kiedy już nam się wszystko rozwinie, to
usuwamy tą cześć kodu, która jest zaznaczona poniżej. Sprawi to, że formularz kontaktowy zniknie z kolumny bocznej bloga, ale nie zniknie z naszej podstrony, do której go dodaliśmy.
Uwaga! nie można usunąć formularza kontaktowego z kolumny bocznej, ten gadżet musi pozostać!
Oprócz tego pojawiły się małe zmiany na blogu, zakładka tutoriale została podzielona na tutoriale blogowe oraz te graficzne związane z GIMPem, PhotoScapem i inne oraz zakładka portfolio została podzielona na szablony, nagłówki oraz inne prace. Mam nadzieję, że to ułatwi wszystkim wyszukiwanie tego czego potrzebuje.
