Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Contact Form di Halaman Post Blog

Sudah tahu kan jika blogspot menghadirkan widget bernama Contact Form, sebuah widget untuk mengirim pesan ke pemilik blog. Di samping memberikan kemudahan, widget contact form ini sayangnya hanya dipasang di sidebar sebagai gadget.

Pemasangan Contact Form di di sidebar memang tidak terlalu lazim dipakai, kebanyakkan Contact Form dipasang di halaman post, dan untuk menuju ke halaman itu lewat tautan di menu. Sehingga blog lebih enak dipandang, dan hemat tempat.

Cara Membuat Contact Form di Halaman Post Blog
1. Pasang terlebih dahulu widget Contact Form. Kamu bisa baca cara pemasangannya di sini.
2. Buat Laman atau post (entri) baru.
3. Copy paste kode berikut ini, saat menulis entri pilih opsi HTML

<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your 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'/>
<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>

4. Di pengaturan pilih Tafsirkan HTML yang diketik, jangan izinkan komentar, dan jika sudah dirasa cukup, pilih Publikasikan.


Jika langkah di atas sudah, langkah selanjutnya adalah menghilangkan (menyembunyikan) widget Contact Form yang sebelumnya kita tambahkan di sidebar, yaitu dengan cara;
1. Pilih Template lalu Edit HTML
2. Cari kode yang kurang lebih seperti ini

<b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>
          <b:includable id='main'>

3. Hapus kode yang ada di bawahnya seperti gambar berikut:


4. Sehingga kodenya menjadi seperti ini;


5. Simpan Template jika sudah selesai.

Jadi Contact Form ini memindahkan dari sidebar ke halaman postingan. Jangan kamu hapus widget Contact Form dari tata letak, supaya bisa berjalan. Setelah bisa tampil di halaman post, kita tinggal menambahkannya di menu navigasi (misal di header).

97 komentar untuk "Cara Membuat Contact Form di Halaman Post Blog"

  1. terima kasih untuk infonya,ijin dipraktekkan gan

    BalasHapus
  2. mantap Gan tutornya,, sip deh......

    BalasHapus
  3. informasi yang bermanfaat,terima kasih sudah berbagi ilmunya

    BalasHapus
  4. ohh gitu yaaaaa,, oke deh Bang Bro :)

    BalasHapus
  5. saya coba tutornya gan,,terima kasih infonya

    BalasHapus
  6. tutornya bermanfaat banget gan,,terima kasih infonya

    BalasHapus
  7. informasinya boleh deh Gan.........

    BalasHapus
  8. wew, iya keren buat order pemasangan iklan


    Kunjungan Rutin Kawan, Saya Tunggu nihh Kunjungan Baliknya... :D

    BalasHapus
  9. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  10. BAGI TEMAN-TEMAN YANG SELALU KALAH DALAM PERMAINAN TOGEL DAN INGIN MERASAKAN YANG NAMANYA KEMENANGAN SILAHKAN HUBUNGI MBAH SARTO DI 082=378=607=111 JANGAN ANDA RAGU UNTUK MENCOBA DULU DAN YANG PENTING KITA BERANI MELANGKAH KARNA KITA CUMA MANUSIA BIASA YANG HANYA MAMPU BERUSAHA DAN BERDOA,INGAT SIAPA YANG BERSUNGGUH-SUNGGUH PASTI AKAN MENDAPATKANNYA DAN ALLAH TIDAK MERUBAH NASIB KITA KALAU BUKAN KITA SENDIRI YANG MERUBAHNYA…KALAU KITA BERSUNGGUH-SUNGGUH DAN NIAT KITA BAIK INSYA ALLAH OTOMATIS HASILNYA KITA AKAN RASAKAN SENDIRI,KARNA SAYA SENDIRI SUDAH MERASAKANNYA DAN SUDAH MELIHAT BUKTINYA KALAU ANKA DARI HASIL RITUAL DARI MBAH SARTO BISA MEMBAWA SAYA JAUH LEBIH SUKSES DARI SEBELUMNYA DAN SILAHKAN ANDA MEMBUKTIKAN SENDIRI.

    BAGI TEMAN-TEMAN YANG SELALU KALAH DALAM PERMAINAN TOGEL DAN INGIN MERASAKAN YANG NAMANYA KEMENANGAN SILAHKAN HUBUNGI MBAH SARTO DI 082=378=607=111 JANGAN ANDA RAGU UNTUK MENCOBA DULU DAN YANG PENTING KITA BERANI MELANGKAH KARNA KITA CUMA MANUSIA BIASA YANG HANYA MAMPU BERUSAHA DAN BERDOA,INGAT SIAPA YANG BERSUNGGUH-SUNGGUH PASTI AKAN MENDAPATKANNYA DAN ALLAH TIDAK MERUBAH NASIB KITA KALAU BUKAN KITA SENDIRI YANG MERUBAHNYA…KALAU KITA BERSUNGGUH-SUNGGUH DAN NIAT KITA BAIK INSYA ALLAH OTOMATIS HASILNYA KITA AKAN RASAKAN SENDIRI,KARNA SAYA SENDIRI SUDAH MERASAKANNYA DAN SUDAH MELIHAT BUKTINYA KALAU ANKA DARI HASIL RITUAL DARI MBAH SARTO BISA MEMBAWA SAYA JAUH LEBIH SUKSES DARI SEBELUMNYA DAN SILAHKAN ANDA MEMBUKTIKAN SENDIRI.

    BalasHapus
  11. setelah adxa widget contact form khusus di blogger sekarang kita tidak perlu repot memakai contact form dari pihak ketiga
    nice tutor.. :)

    BalasHapus
  12. Okeh gan, thanks infony :)

    BalasHapus
  13. makasih ya dah share cara membuat contact. sangat bermanfaat sekalian saya klik iklannya

    BalasHapus
  14. makasih infonya gan sangat membantu, numpang nitip ya siapa ada waktu jln2 ksni http://fianetmu.com/

    BalasHapus
  15. terimakasih atas informasinya sangat bermanfaat

    BalasHapus
  16. sebagai pengguna blog, info ini sngat mmbantu sya..

    BalasHapus
  17. makasih bnyak sob infonya..............

    BalasHapus
  18. tutor singkat yang sangat bermnfaat...........

    BalasHapus
  19. nyimak dulu aja deh Mas Bro,,hehehee

    BalasHapus
  20. ijin untuk praktekkan tutornya gan,,terima kasih untuk infonya

    BalasHapus
  21. mantap tutornya gan,,langsung praktekkan,,,hhhe

    BalasHapus
  22. langsung praktekkan tipsnya,,terima kasih gan sudah berbagi infonya

    BalasHapus
  23. artikel yang sangat menarik dan tentunya sangat membantu dan bermanfaat buat, saya ucapkan terima kasih atas kebaikan anda

    BalasHapus
  24. share yang anda berikan dalam blog ini memberikan dorongan buat saya, terima kasih saya ucapkan semoga mendapat balasan dari yg maha kuasa, amin.

    BalasHapus
  25. terima kasih atas imformasi yang anda berikan khususnya buat saya umumnya untuk semua yang sempat membaca blog anda ini. ini sangat membantu saya.

    BalasHapus
  26. TOKO BELANJA ONLINE BEBAS RESIKO DAN TERPERCAYA DI LUNA SHOP.BURUAN BELANJA DAN DAPATKAN PROMO BANTING HARGA UNTUK SEMUA PRODUK KAMI Dijual.BlackBerry> Nokia> Samsung> Apple> Acer> Dell> Nikon. beminat hub/sms 0857-5740-7634 atau klik website resmi kami di www.lunashop77.blogspot.com

    Ready Stock! BlackBerry 9380 Orlando Black Rp.900.000,-

    Ready Stock! BlackBerry Curve 8520 Gemini Rp.500.000,-

    Ready Stoc...k! BlackBerry Bold 9780 Onyx 2 Rp.800.000,-

    Ready Stock! Blackberry Curve 9320 Rp.700.000,-

    Ready Stock! Samsung Galaxy Tab 2 (7.0) Rp. 1.000.000

    Ready Stock! Samsung Galaxy Nexus I9250 Titanium Si.

    Rp.1.500.000,-...
    Ready Stock! Samsung Galaxy Note N7000 Pink Rp.1.700.000.

    Ready Stock!

    Samsung Galaxy Y S5360 GSM Pure White Rp.500.000,-

    Nokia Lumia 800 MORE PICTURES.

    Ready Stock! Nokia Lumia 800 Matt Black Rp.1.700.000,-

    Ready Stock! Nokia Lumia-710-white Rp. 900.000,-

    Ready Stock! Nokia C2-06 Touch & Type Dual GSMRp.450.000,-

    Nokia Lumia 710 T-Mobile MORE PICTURES.

    Ready Stock! Nokia Lumia 710 Black Rp. 900.000,- Ready Stock! Apple iPhone 4S 16GB (dari XL) Black Rp.1.200.000,-

    Ready Stock! Apple iPhone 4S 16GB (dari Telkomsel) Rp.1.200.000,-

    Ready Stock!

    Apple iPod Touch 4 Gen 8GB Rp.700.000.

    Ready Stock!

    APPLE iPod Nano 8GB Pink Rp.500.000,-

    Ready Stock! Acer Aspire 4755G Core i5 2430 Linux Blue Rp 1.700.000.

    Acer Aspire One AOD270 10.1 Netbook.

    Ready Stock! Acer Aspire One AOD270 10.1 Rp. 1.000.000,-

    Acer TravelMate TM8481-2462G32 14 Notebook.

    Ready Stock! Acer TravelMate TM8481-2462G32 Rp. 1.400.000

    Acer ICONIA Tab W500 10.1 Tablets Notebook (with Keyboard Docking).

    Ready Stock! Acer ICONIA Tab W500 10.1 Tablets Notebook Rp. 1.100.000,-

    Ready Stock!

    Nikon D7000 kit 18-105mmRp.1.700.000.

    Ready Stock!

    Nikon D90 Kit 18-105mm Vr Rp 1.300.000.

    Ready Stock!

    Nikon Coolpix L 120 Red Rp. 900.000

    Ready Stock!

    Nikon Coo lpix P 500 Black Rp.1.000.000

    BalasHapus
  27. makasih tutornya tapi ada yang kurang ... sembunyikan widgetnya pakai css #contactform1{display:none}
    cuma nambahin aja :)

    BalasHapus
  28. makasih sob buat informasinya semoga bermanfaat buat kita semua salam kenal aja dari aku

    BalasHapus
  29. makasih sob buat informasinya semoga bermanfaat buat kita semua salam kenal aja dari aku

    BalasHapus
  30. makasih gan buat informasinya semoga bermanfaat buat kita semua salam kenal aja dari aku

    BalasHapus
  31. terimakasih banyak sob buat informasinya semoga bermanfaat buat kita semua salam kenal aja dari aku

    BalasHapus
  32. makasih gan buat informasinya semoga bermanfaat buat kita semua salam kenal aja dari aku

    BalasHapus
  33. Benar benar sangat bermanfaat, saya saenang bisa berlama-lama untuk berkunjung ke blog anda. selain memiliki judul yang menarik, dengan berbagai artikel yang anda suguhkan kepada saya. Nice untuk artikel hari ini. Semoga dapat berguna untuk pengunjng blog lainya.

    BalasHapus
  34. oh gitu lin? aga ribet juga nya. hehe

    BalasHapus
  35. artikel yang sangat bagus gan makasih atas infonya

    BalasHapus
  36. terimakasih buat informasinya sangat bermanfaat buat kita semua

    BalasHapus
  37. terimakasih banyak sob buat infonya salam kenal aja dari aku

    BalasHapus
  38. thank's gan atas infonya

    BalasHapus

  39. thanks for the information may be useful for all of us on I know Greetings

    BalasHapus
  40. sip ijin terapin tutoroalnya

    BalasHapus
  41. makasih sob sangat bermanfaat sudah saya coba dan sukss

    BalasHapus
  42. baru tau klo bisa buat manual..
    klo yang daftar di situs trus ky pasang widget dmn y yg bagus

    BalasHapus
  43. Terima kasih tutorialnya pas, sangat membantu.

    BalasHapus
  44. Izin copy kodenya gan...
    Thanks udah membantu. Semoga sukses..

    BalasHapus
  45. lah...ini patut untuk dicoba..
    thnks gan.

    BalasHapus
  46. Terimakasih gan... sangat membantu..

    BalasHapus
  47. tanya kenapa tombol sendnya gk bsa berfungsi yah ??
    Blog Info Unik

    BalasHapus
  48. makasih y, tutornya berhasil saya praktekkan di laman About US

    BalasHapus
  49. Wow! Terimakasih atas infonya.
    Benar-benar membantu.

    BalasHapus
  50. mang kenapa harus dihapus bagian pada html blog???

    BalasHapus
  51. terimakasih atas saran atau info yang sangat menarik dan di sini saya menemukan tentang info yang sangat bagus dan berguna, artikel nya juga tiada tanding bagus nya dari sekian banyak saya baca artikel selama ini. pulau tidung

    BalasHapus
  52. thanks for the info yank its always beneficial to the reader, as well as articles that always contradicts the general info info that can be in the present, I will wait for his next info. pulau tidung

    BalasHapus
  53. terimakasih atas informasi nya ,

    BalasHapus
  54. thanks for the info yank its always beneficial to the reader, as well as articles that always contradicts the general info info that can be in the present, I will wait for his next info. pulau tidung

    BalasHapus
  55. Ada yang tau ngak, caranya nge post di laman yang udah kita buat?
    kan kalau kita bikin laman, kan ada perintah posting entri pertama di laman baru, trus, kalau mau nge post lagi dilaman yang udah jadi lagi gimana?
    kalau dikasih label se suai nama laman yang udah jadi itu, aku udah nyoba,... tapi koq tetap ngak bisa ya?
    ada yang tau ngakk? jawab donkk..


    BalasHapus
  56. just got here I saw articel very useful info and suggestions, who only for me, and a very cool articel thanks for giving info or inputs that are beneficial pulau tidung

    BalasHapus
  57. ini dia yang ane cari2... nice info gan.. langsung praktek
    http://afa-informan.blogspot.com/

    BalasHapus
  58. gan, kenapa menu contact nya tidak ada ya? apa karena tata letak bawaan template yang tidak bisa menampilkan laman di top menu?

    BalasHapus
  59. thanks for the good info and attracts many people who mengomeni such info as your information very interesting and a lot or lots for which information is essential and not when you make the article too is also very good not boring right pulau tidung

    BalasHapus
  60. @Obat Flu Tulang:

    Ane baru tau kalau ada fitur kontak form dari blogspot btw thanks gan infonya.

    Download aplikasi web Gratis untuk TA dan skripsi.

    Download Aplikasi Koperasi Berbasis Web.ZIP - New !!
    Download Aplikasi Latihan Kepegawaian.ZIP - New !!
    Download Aplikasi Penjualan Tiket.ZIP
    Download Aplikasi Persediaan Barang.ZIP
    Download Aplikasi Peternakan Ayam Gratis.ZIP

    www.contoh-ta.com

    BalasHapus
  61. terima kasih mas informasinya mengenai hal ini, akan sangat berguna jika saya pasang di blog saya.. :)

    BalasHapus
  62. terimakasih atas informasi nya ,

    BalasHapus
  63. thanks for the info and input it that I need right now, to me your info is very good and clear, I will wait for the info to his next, and this article is very cool or good pulau tidung

    BalasHapus
  64. Mantap infonya gan http://goo.gl/EIaxRg | http://goo.gl/Uwy541

    BalasHapus
  65. mantap gan..... tq ya....

    mampir di blog kita gan...

    www.android-id.info

    BalasHapus
  66. sy coba dulu gan ssemoga berhasil

    BalasHapus
  67. terima kasih infonya :)
    Izin mengcopy code tersebut :)

    BalasHapus
  68. Terimakasih tutorilanya ,

    BalasHapus
  69. sukses gan. tengkiyu ya...

    www.umdah.mudimesra.com

    BalasHapus
  70. Kontak form memang sangat penting ya, salah satu urgensinya adalah untuk menghubungi pemilik blog sebagai saran atau kritik yang ingin disampaikan. :D

    BalasHapus
  71. Terima kasih gan, sangat menambah wawasan...

    BalasHapus
  72. mas sudah saya masukkan tapi kok gk masuk ke email saya yah

    BalasHapus
  73. kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
    dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
    berikan 4 angka 1803 alhamdulillah ternyata itu benar2 tembus AKI.
    dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
    ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
    allah saya akan coba untuk membuka usaha sendiri demi mencukupi
    kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
    sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
    yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,di no (((082-313-336-747)))
    insya allah anda bisa seperti saya…menang togel 275
    juta, wassalam.


    dijamin 100% jebol saya sudah buktikan...sendiri....







    Apakah anda termasuk dalam kategori di bawah ini !!!!


    1"Dikejar-kejar hutang

    2"Selaluh kalah dalam bermain togel

    3"Barang berharga anda udah habis terjual Buat judi togel


    4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat


    5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
    tapi tidak ada satupun yang berhasil..







    Solusi yang tepat jangan anda putus asah....AKI SOLEH akan membantu
    anda semua dengan Angka ritwal/GHOIB:
    butuh angka togel 2D 3D 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
    100% jebol
    Apabila ada waktu
    silahkan Hub: AKI SOLEH DI NO: (((082-313-336-747)))




    atau klik langsung di KLIK DSINI BOCORAN TOGEL



    angka GHOIB: singapur 2D/3D/4D/



    angka GHOIB: hongkong 2D/3D/4D/



    angka GHOIB; malaysia



    angka GHOIB; toto magnum 4D/5D/6D/



    angka GHOIB; laos


    BalasHapus
  74. kunjungan yang sangat bermanfaat....
    thanks ya....!!

    BalasHapus
  75. terimakasih telah berbagi gan.....

    BalasHapus
  76. artikelnya sangat bermanfaat boss..
    makasih ya... !!

    BalasHapus

Berlangganan via Email