» » CARA GAMPANG MEMBUAT FORM HALAMAN KONTAK UNTUK BLOGGER

CARA GAMPANG MEMBUAT FORM HALAMAN KONTAK UNTUK BLOGGER

Edit

Baca Juga

Cara Gampang Membuat Form Halaman Kontak Untuk Blogger - Salah satu kelengkapan sebuah blog adalah dengan tersedianya sebuah halaman kontak. Yakni halaman yang berisi data kontak penulis agar para pengunjung bisa mengirimkan pesan jika ada sesuatu yang ingin disampaikan secara pribadi. Lazimnya, halaman kontak pada sebuah blog berisi formulir untuk isian data pengirim dan mengetikkan isi pesan yang ingin disampaikan, untuk kemudian disubmit / diteruskan ke penulis. Dan biasanya formulir kontak ini ditempatkan pada suatu halaman statis (menu laman), bukan pada menu Entri (halaman dinamis)

Adapun di sini saya akan memberikan tutorial bagaimana cara membuat form kontak otomatis dan gampang/simple tapi juga powerfull pastinya. Silahkan ikuti tutorial berikut ini :
  1. Silahkan masuk ke situs http://www.foxyform.com/ , maka akan muncul tampilan situs seperti di bawah ini.
    • Setting : Pada pilihan ini, bisa dipilih (centang) Name dan Email, dan centang juga "required field" pada Email (lihat gambar di atas). Setiap pengirim pesan harus input emailnya sebelum kirim pesan kontak.
    • Advance settings : Pada pilihan ini berfungsi untuk mengatur warna background form dan warna huruf pada form nya nanti. Silahkan klik link "Colours" jika ingin merubah warnanya. Tapi saran saya dibiarkan saja, karena tampilan warna bawaannya juga sudah pas dan mantab. Tapi kalau mau dirubah ya silahkan, bisa dipilih warna-warnanya 
    • Target e-mail address : Isikan alamat email anda yang akan dijadikan target untuk setiap pesan yang masuk agar diteruskan ke inbox email anda tesebut. Kemudian lakukan verifikasi bukan robot, dengan menekan tombol verifikasi di bawahnya.
    • Setelah selesai semua, klik tombol "Create Formular" 
     
  2. Setelah klik tombol "Create Formular" maka akan tampil jendela baru yang berisi data kode HTML. Tampilannya seperti di bawah ini : Copy semua kode html yang ada.
  3. Masuk ke dashboard blogger anda, klik menu laman, pilih laman baru 
  4. Maka akan muncul tampilan posting halaman. Isikan di bagian judul dengan "Kontak Saya" atau "Contact Us" atau sejenisnya. Dan masuk ke mode posting HTML (bukan Compose). Dan paste semua kode html yang tadi dicopy. Anda juga bisa mengatur lebar formulir yang dihasilkan dengan cara mengedit angka px (tanda block biru). Bisa diperkecil atau diperbesar. Sesuaikan dengan lebar blog anda. Setelah selesai, jangan lupa klik Publikasikan
  5. Dan selesai, halaman kontak blog anda sekarang sudah jadi. Untuk melihat contoh hasilnya, bisa dilihat di Menu Contact blog ini. Atau klik di sini
Sekian tutorial tentang Cara Gampang Membuat Form Halaman Kontak Blogger ini. Semoga bermanfaat untuk melengkapi blog anda dengan menyertakan halaman kontak dengan berisi formulir pengiriman pesan. Sekian dan terima kasih. Jangan lupa baca juga Cara Mudah Membuat Halaman Privacy Policy di Blogger

loading...

Berlangganan dan Dapatkan 5 Ebook Dahsyat tentang Motivasi, Personal Developement dan Financial Freedom - Gratis


52 Responses to "CARA GAMPANG MEMBUAT FORM HALAMAN KONTAK UNTUK BLOGGER"

  1. zwidantiAugust 21, 2015 at 10:50 AM

    maaf bang mau tanya... navigasi kontak, saya buat di atas judul setelah semua panduan yg abang kasih tau tentang kontak sudah sy terapin ke blog saya (zwidanti.blogspot.com) tapi yg saya bingung setelah saya klik kontak di atas judul tsb malah ada tulisan page not found. mohon penjelasannya spy kontak di atas judul bisa aktif

    ReplyDelete
    Replies
    1. Rusman NulhakimAugust 22, 2015 at 9:51 PM

      Kemungkinan ada kesalahan penulisan URL halaman kontaknya, untuk mendirect menu ke halaman tersebut. Coba periksa dan edit di bagian template-edit HTML.

      Delete
    2. Giribig.comMay 8, 2016 at 2:46 PM

      sangat bermanfaat untuk memudahkan pengunjung menghubungin langsung pemilik blog

      Delete
  2. Citra DewiAugust 24, 2015 at 10:30 AM

    Terima kasih untuk ilmunya :)

    ReplyDelete
  3. Ridho KurniaAugust 29, 2015 at 10:17 PM

    terimakasih ilmu nya

    www.infotentangjambi.com

    ReplyDelete
  4. GaleriJeparaSeptember 5, 2015 at 9:15 PM

    askum... aku mau ganti penampilan kyak di atas gman cara.( judul dan alam di atas pojok )

    ReplyDelete
    Replies
    1. Rusman NulhakimSeptember 18, 2015 at 10:50 AM

      kalau itu bawaan templatenya gan..
      Pakai aja template blogger custom yang banyak disediakan di internet yg free atau berbayar.

      Delete
  5. Ivan WiraoctavianOctober 4, 2015 at 7:22 PM

    makasih infonya gan bermanfaat banget ni buat pemula seperti ane :)

    ReplyDelete
  6. ryan pratamaNovember 17, 2015 at 9:56 PM

    keren nih gan saya coba ya

    ReplyDelete
  7. mebel jeparaJanuary 4, 2016 at 2:35 AM

    keterangannya lumayan bagus gan.
    thx

    ReplyDelete
  8. kursi tiffany putihJanuary 14, 2016 at 6:35 PM

    keren gan caranya...
    makasih lo kang infonya.
    tambah ganteng nich blognya.

    ReplyDelete
  9. Iwan SetiawanFebruary 21, 2016 at 8:03 PM

    terimakasih infonya,
    buat nambah referensi nih
    kunjungi juga blog saya sob
    http://anakdesa03.blogspot.co.id/

    ReplyDelete
  10. mwahyu daquFebruary 21, 2016 at 11:08 PM

    salam...mau nanya ni bang,klu mau membuat laman tentang about,sitemap dan disclaimer bagaimana?soalnya ngak ketemu caranya....terima ksh

    ReplyDelete
  11. Petani BerasFebruary 22, 2016 at 11:12 AM

    sangat bermanfaat gan... sayang sekali di blog ini sudah tidak ada contohnya lagi

    ReplyDelete
    Replies
    1. Rusman NulhakimFebruary 22, 2016 at 8:35 PM

      Kalau contoh yang dimaksud itu 'demo', bisa dicek di menu atas gan :)

      Delete
  12. jasa desain rumah minimalisFebruary 27, 2016 at 12:24 PM

    Wah lumayan juga mas rusman nulhakim, akan tetapi jika menggunakan form kontak milik http://www.foxyform.com/, akan mempunyai kelemahan juga, yaitu apabila http://www.foxyform.com/ sudah tidak beroperasi lagi, maka otomatis form yang di isi konsumen tidak sampai pada kita. thanks for sharing

    ReplyDelete
  13. BFJDAMarch 2, 2016 at 11:10 AM

    gan mau tanya, biar ngelink d contac us gimana caranya ya? belum berhasil nih http://chocojelly15.blogspot.co.id/#

    ReplyDelete
  14. adjie rakhaMarch 3, 2016 at 9:01 AM

    makasih bang, tambah ilmu lagi kita, semoga berjaya terus dahh

    ReplyDelete
  15. Hermiawan 135March 9, 2016 at 3:32 PM

    thx gan infonya

    ReplyDelete
  16. Anhar PanduwinataMarch 18, 2016 at 4:33 PM

    kenapa kalau pakai foxyform lambat x loadingnya?

    ReplyDelete
  17. UnknownApril 5, 2016 at 10:56 AM

    saya sudah ikutin tutorialnya. tpi lihat kontak saya di mananya ya

    ReplyDelete
  18. ALGOApril 6, 2016 at 10:46 AM

    Terima kasih banyak atas infonya gan

    ReplyDelete
  19. Fotografer PemulaApril 14, 2016 at 6:19 PM

    Saya lebih suka menggunakan kontak form yang disediakan blogspot, tentu saja dengan sedikit main di CSS.
    Tapi ini tips hebat dan sangat bermanfaat.

    ReplyDelete
  20. PrayetnoMay 1, 2016 at 1:21 AM

    trimakasih tipsnya,saya blogger pemula jadi masih butuh bimbingan

    ReplyDelete
  21. Aisya IslamiatyMay 14, 2016 at 7:13 PM

    terima kasih atas infonya

    ReplyDelete
  22. Wawosiar.comJune 11, 2016 at 1:09 PM

    maksih bang ilmunya

    ReplyDelete
  23. RizalJune 24, 2016 at 6:41 PM

    saya membuat kontak form tidak menggunakan pihak ketiga, melainkan dari widget sendiri lalu saya kombinasikan dan dimasukan ke dalam halaman posting

    ReplyDelete
  24. AnonymousJune 26, 2016 at 8:47 PM

    terimakasih mbak yu. sudah jadi

    ReplyDelete
  25. Akhmad HasanuddinJuly 3, 2016 at 6:41 PM

    menarik thanks mas

    ReplyDelete
  26. ELQICELLJuly 4, 2016 at 3:43 AM

    Terimakasih ilmunya. yang selama ini saya cari,saya temukan di sin

    ReplyDelete
    Replies
    1. UnknownJuly 14, 2016 at 9:18 AM

      Sama-sama pak. Terima kasih juga kunjungannya.

      Delete
  27. Bentenawolio.blogspot.comJuly 24, 2016 at 2:18 AM

    thanks atas panduannya....

    ReplyDelete
  28. D JiwoJuly 26, 2016 at 1:02 PM

    Sangat membantu banget gan, saya sedang mencoba bikin blog di blogspot. Tapi masih bingung cara edit kolom isian form dari foxyform.

    Yang saya ingin tanyakan :
    Gimana cara edit form tsb.

    Misal : ” Nama” ingin saya ganti “nama anda”

    Trus misal “alamat” pengen saya ganti “alamat anda”

    Itu gimana yah?
    Terima kasih

    ReplyDelete
  29. D JiwoJuly 31, 2016 at 10:22 PM

    Sangat membantu banget gan, saya pemula sedang dan baru membuat blog dari blogspot yang gratisan..heheee

    Ini blog yang udah saya buat,

    www.dealermobil-toyotajakarta.blogspot.com

    ReplyDelete
  30. IAPAugust 13, 2016 at 7:18 PM

    makasih atas ilmunya jangan luma visit wordsapps.blogspot.co.id

    ReplyDelete
  31. chaerulAugust 17, 2016 at 12:45 AM

    untuk melihat email yang terkirim di mana yah,....
    saya cek di email kok gak ada masuk,...
    trimkasih.

    ReplyDelete
  32. AnonymousAugust 25, 2016 at 7:32 PM

    Thanks infonya

    ReplyDelete
  33. Filter AirAugust 29, 2016 at 10:53 AM

    Mantap bro untuk postingannya,, krenn

    lanjutkan broo berikan info yang bermanfaat..

    salam

    ReplyDelete
  34. Eka Nur RahayuSeptember 1, 2016 at 9:25 PM

    terimakasih buat infonya

    ReplyDelete
  35. UnknownOctober 16, 2016 at 12:23 AM

    Okey, thx gan๐Ÿ˜‡

    ReplyDelete
  36. UnknownOctober 22, 2016 at 5:31 PM

    Terlalu sederhana mas, saya maunya yang agak beda untuk di pasang di blog baru saya inovatorsblog.blogspot.com

    ReplyDelete
  37. Gadai Bpkb Mobil Bunga RendahDecember 7, 2016 at 10:08 PM

    terima kasih untuk infonya gan

    ReplyDelete
  38. Gemar TIDecember 15, 2016 at 1:18 AM

    Mantap gan. Itu adalah salah satu layanan membuat kontak form gratis dan gak perlu register.

    ReplyDelete
  39. MATA-MATAJanuary 8, 2017 at 3:17 PM

    Kenapa malah munculnya tetep kode yang dicopy, Bang? Pusing pala mbeb

    ReplyDelete
  40. UnknownFebruary 11, 2017 at 2:49 PM

    Knpa kok gak muncul form nya bang ??

    ReplyDelete
  41. UnknownFebruary 15, 2017 at 2:57 PM

    tengkiw gaaan

    ReplyDelete
  42. UnknownMarch 22, 2017 at 12:15 PM

    Terimakasih atas panduan cara membuat Contact Us pada halaman blognya kak. Cara ini lebih mudah di banding dengan cara yang ada di blog yg lain, cara di blog yang lain lebih ribet dan sedikit rumit...

    kunjungi Blog ku yah kak infokesehatan-13.blogspot.co.id

    ReplyDelete
  43. Rony SaputraMay 30, 2017 at 9:54 AM

    terima kasih ilmunya sangat bermanfaat buat saya

    kunjungi ya blog saya bukumy.blogspot.com

    ReplyDelete
  44. Kang RomlieJuly 30, 2017 at 11:32 PM

    kira2 kok punya saya jadi Error 404 ya bang?

    ReplyDelete
  45. Adyarto AdvertisingOctober 5, 2017 at 12:53 PM

    mksh mind ya

    ReplyDelete

Terima kasih telah berkunjung. Silakan berkomentar dengan bijak terkait artikel yang Anda baca di atas.
Mohon maaf, Spammy Comments dan/atau mengandung Active Link tidak akan ditampilkan.

Subscribe to: Post Comments (Atom)