Kaip į blogger puslapį įdėti Kontaktai?

Jei norite turėti profesionalai atrodančia kontaktų forma su užrašu "Kontaktai" ir nesikartojančia, o esančią atskirame puslapyje, jums reikės atlikti keletą veiksmų.

1. Įdiegiat kontaktų formą.

 Išdėstymas>>Pridėti programėlę>>Daugiau programėlių(viršuje kairėje)>>Susisiekimo forma

2.  Atidarote HTML kodą.

Tema>> Redaguoti HTML

Ant HTML kodo spaudžiate Ctrl+F ir atsidariusiame paieško langelyje įrašote tokia frazę ContactForm ir soaudžiat enter. Turite matyti tokį kodą

<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>

Šone kairėje pusėje yra jodas trikampis. Spaudžia jį. Atsiveria kodas.

<b:includable id='main'>...</b:includable>

Šone kairėje dar kartą spaudžiate trikampį, kol išsiskleidžia visas kodas.

3. Trinate nereikalingą HTML kodą.

 <b:includable id='main'>

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='contact-form-widget'>

    <div class='form'>

      <form name='contact-form'>

        <p/>

        <data:contactFormNameMsg/>

        <br/>

        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>

        <p/>

        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>

        <br/>

        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>

        <p/>

        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>

        <br/>

        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>

        <p/>

        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>

        <p/>

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

          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>

          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>

        </div>

      </form>

    </div>

  </div>

  <b:include name='quickedit'/>

</b:includable>

Viskas kas pažymėta raudonai yra ištrinama. 

4. Reikalingą kodą įklijuojate. Vėl ieškote ]]></b:skin>. Matote tokį užrašą. 

}

]]></b:skin>

Tarp } ir ]]></b:skin> padarome tarpą, kur įklijuosite žemiau esantį kodą

.contact-form-widget {
margin-left:auto;
margin-right:auto;
width: 600px;
max-width: 100%;
padding: 0px;
color: #000;
}
.fm_name, .fm_email {
float:left;
padding:5px;
width:48%
}
.fm_message {
padding:5px;
}
.contact-form-name, .contact-form-email {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
height:40px;
padding:10px;
font-size:16px;
}
.contact-form-email-message {
width:100%;
max-width: 100%;
height:100px;
margin-bottom:10px;
padding:10px;
font-size:16px;
}
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
height:30px;
font-size:16px;
}
.contact-form-button-submit:hover{
background: #ffffff;
color: #000000;
border: 1px solid #FAFAFA;
}

Įklijavus šį kodą, spaudžiame "Išsaugoti temą" (viršuje).

5. Įdedate į puslapį užrašą "Kontaktai". Ar kaip ten jau sugalvosite.

Puslapiai>>Naujas Puslapis>>HTML viską ištrinate ir įklijuojate šį kodą.

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div class="fm_name">
<br />
Vardas:
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br />
<br /></div>
<div class="fm_email">
<br>
E-paštas *:
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div>
<div style="clear: both;"><br />
</div>
<div class="fm_message">
Tekstas *:
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Siųsti" />

<br />
<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>
</div>
</div>
</div>

Spaudžiate išsaugoti. Spaudžiat Sukurti ir ten matote kontaktų formą. Čia galite pridėti tekstą. Ar paslėpti komentarus.

Dešinėje:

Parinktys>>Neleisti, slėpti esamas.

Nesimatys komentarų lango po "Kontaktai"

Būtina.

Einant į Išdėstymas>> Puslapiai>> uždedat varnelę prie "Kontaktai". Ar kaip ten jau užvadinot. Išsaugot.