Sunday, December 07, 2014

ContactForm Blogger Widget HTML5 Version

Zakososa Weblogs: ContactForm Blogger Widget HTML5 Version. Sebelumnya saya membuat posting/ laman dokumentasi pribadi untuk kode blogger widget FollowByEmail sesuai semantik HTML5, dan sekarang di laman ini saya dokumentasikan pula untuk widget ContactFrom.

            <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
              <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h5 class='title'><data:title/></h5></b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <div>
          <label><data:contactFormNameMsg/></label><br/>
          <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='20' type='text' value=''/>
        </div>
        <div>
          <label><data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span></label><br/>
          <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='20' type='text' value=''/>
        </div>
        <div>
          <label><data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span></label><br/>
          <textarea class='contact-form-email-message' cols='40' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='7'/>
        </div>
        <div>
          <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'/>
        </div>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <div class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <div class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
</b:includable>
            </b:widget>

Kode widget ContactForm blogger yang dimaksudkan agar sesuai dengan semantik HTML5 di atas mungkin masih jauh dari semantik HTML5 yang benar dan baik. Jadi, saya mohon koreksi dan masukannya.

Jika ada yang ingin menggunakan kode widget di atas, mungkin akan mengalami beberapa masalah seperti tampilannya. Jadi, silakan modifikasi kembali menggunakan CSS Stylesheet untuk memeprbaikinya.
Zaenal Abidin
I am not incredible blogger and amateur blog designer. My style is not excited and not gracefully describe and explain the things that makes it easy for readers to understand and learn about blog design for bloggger, blogspot, and wordpress too.. visit my new site www.zakososa.net

Related Posts: ContactForm Blogger Widget HTML5 Version

No comments: ContactForm Blogger Widget HTML5 Version