Cara Membuat Contact Us di Blog

Cara Membuat Contact Us di Blog - Artikel saya kali ini membahas tentang cara membuat contact us di blog, nah, sebelum kita membuat contact us nya di blog, kita perlu membuat contact form nya terlebih dahulu secara gratis. Mungkin cara ini banyak sobat blogger yang sudah mengetahuinya dan banyak yang sudah memakainya, nah bagi yang belum mengetahui cara membuatnya, saya akan jelaskan caranya sampai selesai, oke langsung saja ikuti langkah-langkah di bawah ini :


  • Cara Membuat Contact Form :
~Pertama buka dulu website contact form nya : 123 Contact Form
~Pada halaman utama 123 Contact Form, klik tombol (SIGN UP FOR FREE), lihat gambar di bawah yang saya kasi tanda panah untuk lebih jelasnya :
Klik Gambar Untuk Memperbesar
 ~Setelah di klik, anda akan disuruh pilih 3 jenis pendaftaran, pilih saja yang gratisan, yaitu yang BASIC, lalu klik SIGN UP , lihat gambar : 
Klik Gambar Untuk Memperbesar

~Nah, Setelah itu, anda isikan formulir pendaftarannya, seperti Username (nama pengguna, ini akan digunakan saat log in, pastikan username yang anda gunakan belum di gunakan oleh orang lain), Passowrd, Confirm Password, dan Email ( pastikan email ini aktif, karena email ini akan digunakan ketika seseorang mengirim pesan/pertanyaan melalui contact form kita, pesan itu akan di kirim ke email kita ini. Jika semua sudah terisi maka klik Create Account!
Klik Gambar Untuk Memperbesar

~ Selanjutnya, anda akan diminta untuk memilih type form yang akan digunakan, karena kita sekarang membuat contact form, maka pilih contact form. Lihat gambar dibawah : 
Klik Gambar Untuk Memperbesar


 ~Setelah memilih contact form, anda akan diminta untuk membuat nama dari halaman kontak yang anda buat, seperti : Contact Us atau Contact Form atau yang lainnya.
Klik Gambar Untuk Memperbesar
~Selanjutnya anda bisa mengedit halaman contact form tersebut, menggunakan tols yang ada di sebelah kiri, anda bisa menambahkan atau menghapus field yang ada pada contact form tersebut, silahkan anda berkreasi sendiri. Jika anda ingin melihat tampilan contact form yang anda edit, klik saja PREVIEW. Jika anda sudah selesai mengedit, klik saja CONTINUE, untuk menuju ke langkah selanjutnya.. Lihat gambar di bawah ini : 
Klik Gambar Untuk Memperbesar
 ~Selanjutnya anda akan diminta untuk men-sumbit email yang anda gunakan, beri tanda check list pada email anda, jika sudah maka klik save, lihat gambar yang saya lingkari warna merah di bawah :
Klik Gambar Untuk Memperbesar

 ~Selajutnya ada tombol "Continue" di kanan atas layar anda, lalu klik saya tombol "Continue"

~Selanjutnya, tinggal menggambil code script contact form nya atau link URL contact form nya. Untuk mengambil link URL contact form nya, anda tinggal copas Link URL (Email, Messenger) atau HTML Link - Text (Webpage), lalu paste link nya di code html/javascript menu dropdown di blog anda. Lihat contoh menu dropdown "Contact Us" di blog dikaeuphrosyne.blogspot.com . Lihat contoh gambar tempat link URL contact form :
Klik Gambar Untuk Memperbesar

~Jika anda ingin pasang contact form nya di  halaman blog anda, anda tinggal copas code scirpt HTML contact form nya, klik pilihan BLOGGER yang ada di sebelah kiri, lalu copas code script HTML nya yang ada disana, lihat gambar di bawah ini : 
Klik Gambar Untuk Memperbesar

 ~Untuk meletakan di halaman blog anda, Masuk pada menu Blogger > Entri Baru > lalu paste code script tersebut pada halaman HTML dan Selesai...
Oke..itulah cara membuat contac us di blog , semoga artikel saya ini bermanfaat buat sobat yang membaca nya, The End!
 
Cara Membuat Contact Us di Blog
4/ 5
Oleh

Berlangganan via email

Suka dengan postingan di atas? Silakan berlangganan postingan terbaru langsung via email.

18 komentar

Tulis komentar
avatar
21 April 2013 pukul 17.53

hehe..makasi sudah berkunjung ke blog saya sob.. :)

Reply
avatar
26 Juli 2013 pukul 21.25

gan..
kok punya ane tidak serapi punya agan ya?

need pertolongannya gan..
silahkan dicek di contact us blog ane..

thanks

Reply
avatar
27 Juli 2013 pukul 08.22

ikuti aja langkah2 di atas sob..
ap nama blog'a sob ??

Reply
avatar
27 Juli 2013 pukul 09.07

klo mau kaya itu copas link form nya ke menu dropdown di blog'a sob..
Untuk mengambil link URL contact form nya, anda tinggal copas Link URL (Email, Messenger) ke menu dropdown blog sobat..

Reply
avatar
28 Juli 2013 pukul 11.31

nah ketemu juga artikel yg kaya gini, dr tadi ktmunya cm yg dari bawaan blogger

Reply
avatar
3 Agustus 2013 pukul 00.59

semoga bermanfaat sob artikel'a..
thx udh berkunjung di blog sy..

Reply
avatar
10 Oktober 2013 pukul 00.59

hehe..thanks udh berkunjung sob :)

Reply
avatar
29 Oktober 2013 pukul 05.46

Keren Contact Us nya. Tapi saya udah pakai yang seperti ini : http://redaksiexpo2012.blogspot.com/p/contact-us.html
Lagi males utak-atik template he... he... Saya bookmarks dulu aja ya... Terimakasih sudah share..

Reply
avatar
29 Oktober 2013 pukul 07.07

hehe :) silahkan sob di bookmark aja dulu, siapa tahu besok2 dibutuhkan :)

Reply
avatar
5 November 2013 pukul 04.11

saya juga kebetulan sudah buat contact form dari situs 123contactform. Memang sangat mudah sekali ya mas untuk membuatnya :)

Reply
avatar
16 November 2013 pukul 23.48

keren informasinya.. kunjingi blog saya y.. http://zhemwelelanor.blogspot.com/

Reply
avatar
30 Maret 2014 pukul 01.24

Kegunaan nya buat apa tuh?
Masih bingung aja
Ditunggu ya kunbal muhammadbellabn.blogspot.com

Reply
avatar
17 Juli 2014 pukul 15.35

thans sob atas infonya
jangan lupa kunjungi blog saya ilmuagamaaa.blogspot.com

Reply
avatar
12 Desember 2016 pukul 07.03

oalah ada appsnya tho, pantes buat contact kok susah sekali, di luar sana d suruh buat di laman lalu d sertakan di tata letak. mksih infonya mas

Reply

Untuk menyisipkan kode pendek, gunakan <i rel="code"> ... KODE ... </i>
Untuk menyisipkan kode panjang, gunakan <i rel="pre"> ... KODE ... </i>
Untuk menyisipkan gambar, gunakan <i rel="image"> ... URL GAMBAR ... </i>