Thursday, February 27, 2014

Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot

Kali ini saya ingin berbagi cara membuat kontak saya atau contact me atau contact us di blogspot (terserah anda mau pakai kata yang mana). Kebetulan sekarang saya membuat contact form melalui melalui situs http://www.123contactform.com/

Berikut langkah-langkah membuat kontak saya atau enaknya "hubungi saya" melaui 123contactform:
1. Buka website http://www.123contactform.com/
2. Pilih Sign Up For Free
Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot

3. Muncul 3 pilihan yaitu Basic, Platinum, dan Gold. Kita pilih yang Basic (gratis selamanya) klik Sign Up
Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot

4. Isi data anda lalu klik Create Account
Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot

5. Anda akan disuguhi beberapa pilihan form. Pilih Contact and Lead Form
Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot

6. Buat Nama Form yang Anda inginkan. Misal Hubungi Saya untuk website berbahasa Indonesia atau Contact Us untuk website berbahasa Inggris.
7. Contact and Lead Form Anda sudah jadi. Anda bisa menambahkan fields yang anda mau dengan menyeret fields yang ada di sebelah kiri (Basic and Advanced Fields) ke sebelah kanan. Contoh ada di gambar di bawah ini, saya menambahkan field website. Saya klik tahan field website lalu seret ke bawah nama kemudian lepas klik.
Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot

8. Kalau sudah klik Priview untuk melihat tampilan sementara contact form anda. Misal ada yang kurang bisa ditambahin lagi dengan field yang lain. Kalau sudah pas dengan yang Anda inginkan, klik Continue

9. Anda memasuki tahap form setting, klik aja Save di bawah lalu pilih Continue di sebelah kanan atas

10. Kita masuk ke tahap Publish Form. Klik Blogger di sebelah kiri. Copy kode HTML dan paste di Halaman Baru Anda. Lalu klik Finish
Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot

Tambahan
Cara menambah halaman baru
Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot


Lalu klik HTML, Paste kode HTML yang telah dikopi pada langkah ke 10 kemudian Publikasikan
Cara Membuat Kontak Saya / Contact Me / Contact Us di Blogspot

Hasilnya seperti ini


Powered by 123ContactForm | Report abuse