Menambah Contact Us atau Contact Email di blogger

Hallo DxRooters dimanapun kalian berada, jumpa lagi dengan saya Mr. DxRoot Indonesia.
oke kali ini saya akan memberikan tutorial atau cara bagaimana cara membuat Kolom kontak atau biasanya disebut Contact Us atau bisa disebut juga Contact Email agar mempermudah akses pengunjung jika ingin memberikan saran - kritikan atau pesan atau menilai terhadap suatu Blog milik kita. cara ini adalah salah satu cara SEO untuk meningkatkan dan mengembangkan situs kita.

ada dua cara untuk menambah kotak pesan di dalam Blog kita, caranya cukup mudah semuanya :D

berikut ini cara Pertamanya, Cara ini pemasangan berada di side tertentu pada blog kalian, misalkan disamping kiri atau kanan atau bawah sesuai tempat  :

1. Buka Blogger.
2. Klik "Tata Letak"
3. Tambah Gadget
4. Nanti akan muncul Jendela baru atau seperti Pop-up.
5. Pilih menu "Gadget Lainnya"
6. Pilih "Formulir Kontak"
   
   

   

   Yang saya beri kolom merah

   
   
7.  Berikan Judul secara bebas di kolom judul
8. Save
9. Misalkan Gadget Contact tersebut berada di sisi kiri terus ingin dipindahkan ke kanan, tinggal geser saja lalu Simpan Setelan.

Berikut ini adalah cara Kedua, Cara ini berbeda dengan cara yang pertama karena Cara ini tidak berada di Gadget melainkan di halaman berbeda ( seperti tampilan gambar paling atas / utama ).

1. Seperti biasa buka Blogger kalian.
2. Pilih "Laman" dan pilih "Laman Baru"
   
   
   
   
3. Tulis judul laman di kolom "Laman" lalu pilih "HTML"
   
   
   
   
4. Copy Script di bawah ini lalu paste di kolom HTML
   <script>
   var blogId = '2800397113377472135';//this number should be mandatorily edited.
   //The below message 5 Strings can also be edited
   var contactFormMessageSendingMsg ='Sending...';
   var contactFormMessageSentMsg = 'Your message has been sentd.';
   var contactFormMessageNotSentMsg = 'Message could not be send. Please try again later.';
   var contactFormEmptyMessageMsg ='Message field cannot be empty.';
   var contactFormInvalidEmailMsg = 'A valid email is required.'
   
   var widgetLoaded=false;
   function sendEmailMsg() {
   if(widgetLoaded== false) {
   _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
   widgetLoaded=true;
   document.getElementById('ContactForm1_contact-form-submit').click();
   }
   return true;
   }
   </script>
   <form name='contact-form'>
   <div>Nama Pengguna / Username : </div>
   <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
   <div>Alamat E-mail / E-Mail Address: <em>(required)</em></div>
   <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
   <div>Pesan / Message: <em>(required)</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='Send' onclick="sendEmailMsg()"/>
   <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>
   
5.  Jadinya seperti dibawah ini, Ganti " 2800397113377472135 " dengan blogID= kalian
   
   
   
   
6. Lalu "Publikasikan"
7. Ceck dengan mengarahkan kursor ke laman "Contact Us" lalu klik "Lihat"
   
   
   
8. Isi sesuai perintah dan kirim
   
9. Buka Email kalian, misalkan saya memakai gmail, buka "Kotak masuk", Pilih "Sosial" , atau biasanya ada peringatan pesan masuk
   
10. Tinggal tambah menu di blogger kalian.
11. Successs... :D

Sekian dari saya semoga tutorial ini bermanfaat untuk kalian.

_________________________________________________________________________
Peringatan :

1. Berikan Komentar yang Baik dan Sopan.
2. Tidak boleh mengandung Unsur Pelecehan, SARA, Sesat, Kriminalitas.
3. Hormatilah Karya orang lain sebagaimana kalian menghormati aturan undang-undang
4. Peraturan ini akan berubah sewaktu-waktu sesuai keadaan yang ada

_________________________________________________________________________