Jak dodać Formularz kontaktowy (Kontakt strona) w Bloggerze?

Ten artykuł zademonstrować jak dodać formularz kontaktowy gadżet w Bloggerze i dodaj swój kod do osobnego kontakt z nami Strona internetowa z profesjonalnym wyglądzie.

A+ A-

Dodawanie kontaktu nas formularz w Bloggerze jest żmudne zadanie, ponieważ nie obsługuje wtyczek takich jak WordPress.

Co większość blogerów Blogspot czy jest szukać pomocy stron trzecich (foxyform, jotform, 123contactform, etc.).

Formularz kontaktowy Strona Blogger

Ale dziś, masz zamiar dowiedzieć się, jak dodać stronę oficjalnego kontaktu z nami w Bloggerze.

  • Jak utworzyć stronę Polityka prywatności dla Bloggera?

Jak powiedziałem wcześniej, jest to możliwe, aby uzyskać kody stron trzecich do umieszczenia w nowych stron jak spacer w parku. Jednak oficjalna forma kontaktu jest o wiele lepiej niż te.

Korzyści z Dziennika Bloggera Form

  1. Otrzymasz wiadomość tak szybko jak to jeden wysyła go. A możliwości dostarczenia wynosi 100%, jak również.
  2. Prosty interfejs ułatwia goście z tobą skontaktować.
  3. Jeśli znasz Cascade Style Sheet (CSS) język, to będzie łatwo można dostosować formę według własnych upodobań.
  4. Cała strona nie zostanie przeładowany do wysyłania wiadomości.

Podzieliłem ten tutorial na trzy sekcje, dodając gadżet kontakcie, ukrywając go i wdrożenie oficjalnego kodu na nowej stronie.

Część - 1: Dodawanie gadżetu Kontakt

Postępuj zgodnie z instrukcjami podanymi poniżej, aby dodać kontakt do nas gadżet na swoim blogu.

Krok 1: Odwiedź blogger.com i zalogować się do swojego konta. Jeśli używasz wielu blogów, trzeba wybrać żądaną bloga z listy.

Krok 2: Kliknij na układ z lewym panelu, aby uzyskać możliwość dodawania gadżetów.

Opcja Układ blogger

Krok 3: Można zobaczyć link Dodaj gadżet na głównym panelu po prawej stronie. Kliknięcie na nim spowoduje przejście do listy gadżetów.

bloger dodać gadżet

Krok 4: Następnie wybierz Więcej gadżetów z lewej strony. Teraz pojawi się formularz kontaktowy. Wystarczy dodać to samo.

Formularz kontaktowy gadżetów Bloggera

Część - 2: Ukrywanie gadżet

Teraz masz zamiar dowiedzieć się, jak ukryć gadżet kontaktowych.

Krok 1: Musimy grać z sekcji szablonu tutaj. Więc kliknij na szablony z menu po lewej stronie.

Ustawienia szablonu Blogger

Krok 2: Następnie kliknij Edycja HTML i będzie wyposażona w całym kodzie bloga w dużym zakresie.

Blogger Template Edit HTML

Krok 3: Szukaj]]> </ b: skóry> i umieścić następujący kod tuż przed nim.

div # ContactForm1 {
! display: none ważne;
}

Formularz kontaktowy kodu Bloggera

Następnie kliknij przycisk Zapisz, aby zachować zmiany.

Po trzecim etapie, nie będzie widać Kontakt widget na swoim blogu.

Część - 3: Dodawanie formularza kontaktowego na stronie

Dostaniesz dostosowany oficjalne blogger kod formularza kontaktowego żeby być dodawany do pokazania na osobnej stronie.

Krok 1: Przejdź do strony i kliknij na nowej stronie.

Nowa strona w Bloggerze

Krok 2: Wklej następujący kod do edytora HTML po usunięciu wszystko w nim.

Blogger Kontakt Code Page

<Div id = class "custom_ContactForm1" = "widget ContactForm">
<Div class = "contact-form-widget">
<P> Skontaktuj się z nami poprzez wypełnienie poniższego formularza. </ P>
<Div class = "forma">
<Form name = "contact-form">
<P> </ p>
Nazwa
Największa
<Input type = "text" value = "" size = "30" name = "name" id = "ContactForm1_contact-form-name" class = "nazwa-forma kontaktu">
<P> </ p>
E-mail
<Span style = "font-weight: odważniejsze;"> * </ span>
Największa
<Input type = "text" value = "" size = "30" name = "email" id = "ContactForm1_contact-form-mail" class = "contact-form-email">
<P> </ p>
Wiadomość
<Span style = "font-weight: odważniejsze;"> * </ span>
Największa
<Textarea rows = "5" name = "email-message" id = "ContactForm1_contact-form-email-message" cols = "25" class = "contact-form-email-message"> </ textarea>
<P> </ p>
<Input type = wartość "przycisk" = "Wyślij" id = "ContactForm1_contact-form-submit" class = "contact-form-button contact-form-button-submit">
<P> </ p>
<Div style = "text-align: center; max-width: 222px; width: 100%">
<P id = "ContactForm1_contact-form-error-message" class = "contact-form-error-message"> </ p>
<P id = "ContactForm1_contact-form-success-message" class = "contact-form-success-message"> </ p>
</ Div>
</ Form>
</ Div>
</ Div>
<Div class = "clear"> </ div>
<Span class = "widget-item-control">
<Span class = "item-control blog-admin">
<A title = "Edycja" target = "configContactForm1" onclick = "return _WidgetManager._PopupConfig (document.getElementById (" ContactForm1 "));" href = class "// www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" = "QuickEdit">
<Img width = "18" height = "18" src = "// img1.blogblog.com/img/icon18_wrench_allbkg.png" alt = "">
</a>
</ Span>
</ Span>
<Div class = "clear"> </ div>
</ Div>

Krok 3: Dodawanie tytułu (jak kontakt), a następnie zmienić ustawienia danego prawa, jak podano poniżej.

Kontakt z nami stronę Blogger

Krok 4: Na koniec kliknij przycisk Publikuj. To wszystko.

Wiadomości wysyłane z tego formularza zostaną dostarczone do wiadomości e-mail administratora. Jeśli blog ma więcej niż jednego administratora, wszystkie z nich będzie go uzyskać.

Czytaj także:

  • Incredible Blogging Tips - Take Your Blog od zera do bohatera
  • Ostateczne Porady dotyczące optymalizacji obrazów dla SEO

Pakować

Mam nadzieję, że teraz wie, jak skontaktować się z nami, aby dodać stronę w Bloggerze. Jeśli znajdziesz jakieś trudności jak zerowej dostawczej nawet po wiadomości sukces, polecam ponowne zainstalowanie widgetu Kontakt.

I tak, jeśli masz wystarczającą wiedzę w radzeniu sobie z CSS i JavaScript fragmentów, można wybrać się na dostosowywanie strony do lepszego atrakcyjność wizualną.

Nie zapomnij podzielić ten post ze swoimi przyjaciółmi Blogger.