Skip to main content

Cara membuat CONTACT US di blogspot dengan mudah

Untuk dapat di terimanya google adsense, kita haruslah mengikuti peraturan yang telah di buat oleh google adsense tersebut yaitu dengan membuat CONTACT US. Bagi para publisher blogger pasti sudah sering mendengar contact us, karena contact us adalah salah satu syarat untuk diterimanya google adsense, karena kalau tidak memakai contact us sudah pasti blog kita tidak akan di terima oleh pengiklan google adsense.

Tampilan jadi contact us


Ada beberapa istilah nama CONTACT US, nama-nama itu iyalah Contact Me,Hubungi Kami,Kotak Saran. Beberapa nama itu sebenarnya sama saja maksud dan tujuannya, tujuannya membuat Contact Us adalah untuk memberi pesan ke pemilik website tersebut, ntah itu saran,kritik atau sebuah kerjasama di blog kita.

Ada beberapa Cara membuat CONTACT US di blogspot dengan mudah yaitu dengan menggunakan website generate yang menyediakan cara membuat contact us secara otomatis seperti :
  • foxyform.com
  • 123contactform.com
  • contactform7.com
  • kontactr.com
  • wufoo.com
  • visitorcontact.com
  • dan masih banyak lagi
okee itulah beberapa website generator penyedia contact us, tapi kalau saya pribadi lebih menyukai membuat contact us secara statis.

SCRIPT CONTACT US 
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="Form">
<form name="contact-form">
Name
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
Email
<span style="font-weight: bolder;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
Message
<span style="font-weight: bolder;">*</span>
<br />
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 400px; width: 100%;"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" />
<br />
<div style="max-width: 400px; text-align: center; width: 100%;">
<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>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = 'BlogID';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\BlogID','//rockypratama.com.com/','BlogID');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': 'BlogID', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script></div>

 Perhatikan teks yang saya warnai dengan warna merah
Ganti teks yang berwarna merah dengan nama blog dan nomor BlogID kalian

Nomor BlogID bisa didapatkan di layout blogger
nomor blog id
 
Cara membuat CONTACT US di blogspot dengan mudah

- Pertama kita harus login terlebih dahulu ke blogger.com
- Setelah berhasil masuk, Kemudian kita buat Halaman Baru
  • Klik Halaman
  • Halaman Baru
  • Copy Paste Script yang di atas
  • Kemudian Tinggal Publikasikan
Klik Halaman baru 
Copy script disini


    Setelah itu bisa kalian lihat hasilnya dan taraaaaaaa. Cara membuat CONTACT US di blogspot dengan mudah telah berhasil di buat.

    Ini tampilan jadinya
    Okee kalian telah berhasil Cara membuat CONTACT US di blogspot dengan mudah, cara ini bisa langsung kalian coba dan terapkan kemudian cek, apakah berhasil atau tidak ? Jika berhasil maka akan ada pesan otomatis di email gmail yang tercantum di blog kalian, jika pesan tersebut tidak masuk, maka kemungkinan kalian tidak mengcopy BlogID dengan benar, Nomor BlogID punya saya ada 19 digit angka, punya kalian juga pasti sama, jadi pastikan dengan benar nomor BlogID kalian sudah benar terpasang dan mengikuti cara di atas.

    Okee sekian dari saya Cara membuat CONTACT US di blogspot dengan mudah, semoga kalian bisa membuat dengan mudah dan tanpa adanya kendala, Jika kalian menyukai artikel saya boleh kalian share tetapi dengan menyantumkan sumbernya, dan jika kalian mengalami kendala bisa komentar di bawah ini, kita akan coba menyelesaikan bersama-sama. Okee terimakasih teman-teman. ENJOY BLOGGING....

    Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
    Buka Komentar
    Tutup Komentar