Cum Pentru a adăuga Formular de contact (Contactati-ne Pagina) din Blogger?

Acest articol demonstrează modul în care să adăugați formular de contact obiect gadget în Blogger și pentru a adăuga codul său într-o pagină separată ne contactați cu aspect profesional.

A+ A-

Adăugarea unui formular de contact, în Blogger este o sarcină plictisitoare, deoarece nu are suport pentru plugin-uri, cum ar fi WordPress.

Ce cele mai multe dintre bloggeri Blogspot nu este de a căuta ajutorul unor site-uri terțe părți (foxyform, jotform, 123contactform, etc.).

Blogger Formular de contact Pagina

Dar astăzi, aveți de gând să învețe cum să adăugați oficial să ne contactați pagină în Blogger.

  • Cum Pentru a crea Politica de confidențialitate Pagina pentru Blogger?

Așa cum am spus mai devreme, este posibil pentru a obține coduri de terțe părți pentru a fi inserate în pagini noi, cum ar fi o plimbare în parc. Cu toate acestea, forma oficială de contact este mult mai bine decât cele.

Beneficiile Oficial Blogger Forma

  1. Vei primi mesajul imediat ce o trimite. Și:, de extractie este de 100%, de asemenea.
  2. Interfață simplă face ușor pentru vizitatori să vă contacteze.
  3. Dacă știți Cascade Style Sheet limba (CSS), acesta va fi ușor pentru tine pentru a personaliza formularul ca pe placul dumneavoastră.
  4. Întreaga pagină nu va primi reîncărcate pentru trimiterea mesajului.

Am împărțit acest tutorial în trei secțiuni, adăugând gadgetul de contact, ascunzându-l și punerea în aplicare a codului oficial într-o pagină nouă.

Partea - 1: Adăugarea de contact Gadget

Urmați pașii de mai jos pentru a adăuga o persoană de contact ne gadget pe blog.

Pasul 1: Vizitați blogger.com și să vă conectați la contul dumneavoastră. Dacă executați mai multe blog-uri, aveți nevoie pentru a alege blog-ul dorit din listă.

Pasul 2: Faceți clic pe Layout din bara laterală stânga pentru a obține o opțiune pentru a adăuga gadget - uri.

opțiune de aspect blogger

Pasul 3: Puteți vedea un Adaugati un link gadget de pe panoul principal de pe partea dreaptă. Făcând clic pe ea vă va aduce la o listă de gadget-uri.

Blogger Adăugați un obiect gadget

Pasul 4: Apoi, alegeți Mai multe gadget - uri de pe partea stângă. Acum, veți vedea Formular de contact. Trebuie doar să adăugați la fel.

Formular de contact Gadget Blogger

Partea - 2: Ascunderea Gadget

Acum, aveți de gând să învețe cum să se ascundă gadget de contact.

Pasul 1: Trebuie să se joace cu secțiunea șablon aici. Deci, faceți clic pe Șabloane din meniul din stânga.

Blogger Setări șablon

Pasul 2: Apoi, faceți clic pe Editare HTML și va fi prevăzut cu întregul cod de blog - ul dvs. într - un câmp mare.

Blogger Editare șablon HTML

Pasul 3: Căutarea]]> </ b: piele> și plasați codul următor chiar înainte.

div # ContactForm1 {
! display: none importante;
}

Formular de contact Cod Blogger

Apoi, faceți clic pe Salvare pentru a păstra modificările.

După al treilea pas, nu veți vedea widget Contact pe blog.

Partea - 3: Adăugarea Formular de contact la o pagină

Vei primi personalizat blogger oficial cod formular de contact aici pentru a fi adăugate să fie afișat pe o pagină separată.

Pasul 1: Mergeți la pagini și faceți clic pe pagina nouă.

Pagină nouă în Blogger

Pasul 2: inserați următorul cod în HTML editor postare după eliminarea totul în ea.

Blogger Contactați-ne Cod Pagina

<Div id = clasa "custom_ContactForm1" = "widget ContactForm">
<Div class = "contact-form-widget">
<P> Ia legătura cu noi completând formularul de mai jos. </ P>
<Div class = "formă">
<Name formă = "contact-form">
<P> </ p>
Nume
<br>
<Input type = "text" value = "" size = "30" name = "name" id = "ContactForm1_contact-form-name" class = "contact-form-name">
<P> </ p>
E-mail
<Span style = "font-weight: bolder;"> * </ span>
<br>
<Input type = "text" value = "" size = "30" name = "email" id = "ContactForm1_contact-form-mail" class = "contact-form-mail">
<P> </ p>
Mesaj
<Span style = "font-weight: bolder;"> * </ span>
<br>
<Textarea rânduri = name = "mesaj-email" "5" id = "ContactForm1_contact-form-mail-message" cols = "25" class = "contact-form-mail-message"> </ textarea>
<P> </ p>
<Input type = "butonul" value = "Trimite" id = "ContactForm1_contact-form-submit" class = "-buton de contact formular de contact-form-buton-submit">
<P> </ p>
<Div style = "text-align: center; max-lățime: 222px; lățime: 100%">
<P id = "ContactForm1_contact-form-eroare-message" class = "contact-form-eroare-mesaj"> </ p>
<P id = "ContactForm1_contact-form-succes-message" class = "contact-form-succes-message"> </ p>
</ Div>
</ Form>
</ Div>
</ Div>
<Div class = "clear"> </ div>
<Span class = "widget-item-control">
<Span class = "element de control pe blog-admin">
<A title = target "Edit" = "configContactForm1" onclick = "return _WidgetManager._PopupConfig (document.getElementById (" ContactForm1 "));" href = "// www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class = "QuickEdit">
<Img width = "18" height = "18" src = "// img1.blogblog.com/img/icon18_wrench_allbkg.png" alt = "">
</a>
</ Span>
</ Span>
<Div class = "clear"> </ div>
</ Div>

Etapa 3: Se adaugă un titlu (cum ar fi Contactați - ne) și apoi modificați setările date corect prezentate mai jos.

Contactați-ne Pagina Blogger

Pasul 4: În cele din urmă, faceți clic pe butonul Publish. Asta e tot.

Mesajele trimise din acest formular de contact vor fi livrate la e-mail admin. Dacă blog-ul are mai mult de un admin, toate acestea vor primi.

De asemenea , Citește:

  • Incredible Blogging Sfaturi - Ia-vă blog-ul de la zero la erou
  • Ultimate Sfaturi de imagine de optimizare pentru SEO

Încheindu-

Sper că acum știi cum să adăugați ne contactați în pagina Blogger. Dacă găsiți orice dificultate cum ar fi zero, deliverabilitate chiar și după mesajul de succes, vă recomandăm reinstalarea Contact widget-ul.

Și da, dacă aveți cunoștințe ample în care se ocupă cu CSS și JavaScript, puteți merge la personalizarea paginii pentru un impact vizual mai bun.

Nu uitați să împărtășiți acest post cu prietenii tăi blogger.