memasang-widget-contact-form-blogger-pada-halaman-statis_html.pdf

Kang Ismet Widget Rabu, 22 Mei 2013 112 Komentar

Memasang WidgetContact Form Bloggerpada Halaman Statis

Widget Contact Form Blogger - Pada artikel sebelumnya saya telahmenjelaskan bagaimana Cara Memasang Widget Contact Form Blogger,akan tetapi penempatan Contact Form pada widget ini kayaknya kurangdisukai, dan lebih memilih menempatkan contact form pada halamanstatis atau halaman posting.

Sekarang saya akan menjelaskan bagaimana memasang WidgetContact Form Blogger ini pada halaman statis atau pada postingan.Penampakan contact form ini seperti screenshoot di bawah ini :

HOME FORUM PASANG IKLAN TOOL

Home Widget Memasang Widget Contact Form Blogger padaHalaman Statis Beranda

Daftar Isi

Tools

Webfont Icons

Pasang Iklan

Forum

Contact

Domain Murahwww.myidwebhost.comDomain dan Hosting Termurah se-Indonesia, dengan server Handal

Manfaat Teh HijauPeninggi Badan AnakPasang Iklan Disini

Cari artikel di blog ini...23049

SSH Gratis

Use our professional PDF creation service at http://www.htm2pdf.co.uk!

DEMODEMOLangkah 1 : Tambahkan Widget Contact Form Blogger

Untuk menambahkannya, masuk ke Setelan Tata Letak TambahkanGadget Gadget Lainnya Formulir Kontak

Ikuti Ikuti @kangismetdotnet@kangismetdotnet 379 pengikut

Ikuti 1.945 1.472KangIsmet.net

1.765SukaSuka


Untuk sementara biarkan Contact Form ada di widget / sidebar.

Langkah 2 : Tambahkan Halaman

Untuk menambahkannya, masuk ke Laman Laman baru Lamankosong. Tambahkan kode dibawah ini pada mode HTML bukan Compose

Nama

Pada Menu Pilihan, pilih Tekan "Enter" untuk baris baru.

Klik Publikasikan.

Langkah 3 : Meyembunyikan Widget dan Menambahkan CSS

/* Menyembunyikan elemen dalam postingan */#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}


Langkah ini adalah untuk menyembunyikan contact form yang ada disidebar dan memodifikasi tampilan contact form. Tambahkan kode ini diatas ]]>

/* CSS Contact Form */#ContactForm1{display:none;}#ContactForm1_contact-form-name, #ContactForm1_contact-form-emailwidth: 300px;height:auto;margin: 5px auto;padding: 10px;background: #f2f2f2;border: 1px solid #ccc;color:#777;}#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-emailbackground: #fffff7;}#ContactForm1_contact-form-email-message{width: 450px;height: 175px;margin: 5px auto;padding: 10px;background: #f2f2f2;border: 1px solid #ccc;color:#777;font-family:Arial, sans-serif;}#ContactForm1_contact-form-submit {width: 101px;height: 35px;float: left;color: #FFF;padding: 0;margin: 10px 0 3px 0 0;cursor: pointer;


MenyembunyikanKomentar Admin PadaRecent Comment denganAvatar

PureChat - AplikasiChatting Online Gratis

Semoga bermanfaat...

Baca juga artikel lainnya :

background: #5E768D;border: 1px solid #556f8c;border-radius:3px;}#ContactForm1_contact-form-submit:hover {background:#435c74;}#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-messagewidth: 450px;margin-top:35px;}

Suka artikel ini? Bagikan :

0SukaSuka

0146


Membuat Smooth ScrollBack To Top denganjQuery

Modifikasi TampilanWidget Followers GFC

112 komentar

Silahkan berkomentar seusuai dengan tema Artikel di atas.

Ke kolom komentar


Daniel Benny Simanjuntak Nah sudah ada tutorial lengkap nya di postingan ini! Sayajuga tadinya ngarep pengen bikin contact form nya di pagebaru dan bukan di sidebar! Nih tutorial si akang bener2oke punya. Recommended seller dah.. Hehehe | Haturnuhun kang! Sok lajengkeun ngablog na, sing samangatwe.

22 Mei 2013 08.15

Balas

Kang Ismet wkwkwkkw.... nuhun kang, kos kaskus wae ateuh icalan

22 Mei 2013 09.06

Wahyu basofii Alhamdulillah kang. . . saya sudah pasang dihalamanstatisnya..makasih tutornya kang

22 Mei 2013 08.17

Balas

Wahyu basofii Maav kang,mau nanya kalo kontak form disidebardihapus,bisa gk dipasang kode css diatas..hehe

22 Mei 2013 08.36

Kang Ismet ga bisa, di sembunyikan saja.... kalaupun dihapus formmasih muncul tapi tidak akan berfungsi

22 Mei 2013 09.06

Miz Tia ohh ternyata pada pilihan di laman postingan banyakpilihan.. cuma saya belum paham cara pemakainnya #maklum.

22 Mei 2013 09.35

Balas


Kang Ismet hehehe... gampang ko jeng.. kan udah adapenjelasannya di atas

22 Mei 2013 09.47

Gunawan Frincencius Kalau hanya disembunyikan masih memberatkan loadingtidak kang

22 Mei 2013 09.58

Balas

Kang Ismet Tidak... sangatkeci sekali efeknya ko

22 Mei 2013 10.04

Muroi El-Barezy wah ini lengkap banget kang, saya ada rencana maupasang juga kang, saya simpan dulu tutorialnya,haturnuhun kang...

22 Mei 2013 10.07

Balas

Kang Ismet sami sami kang.... kade disimpen bisi ku beurit

22 Mei 2013 15.02

zigzoor Thea kang muroi kayaknya sudah banyak bangetsimpanannya yah kang,he...he...saya masih di pelajaridulu kang,nanti kalau sudah bisa saya pasang makasihinfonya yah kang.

23 Mei 2013 10.19

Kang Ismet hahahaha..... disimpen terus tutorialnya ya

23 Mei 2013 10.26


Zhinto mantepp ni

22 Mei 2013 12.42

Balas

Musick Gallery ane cba kang haturnuhun tutorna kang

22 Mei 2013 13.36

Balas

Kang Ismet silahkan... sami2

22 Mei 2013 15.02

Yosep Eko Prambudi terimakasih mas tutorial lengkap nyaa nih ,, bisa buatcontact person yaa mas untuk ngunjung blog kita.

22 Mei 2013 14.51

Balas

Kang Ismet iya.. bagi yang mau contact kita jadi gampang

22 Mei 2013 15.03

Abdul Rohman sejenis dengan yang ada di bloggeritems.com sekarang udah make thread comment hack ni..

22 Mei 2013 16.13

Balas

Kang Ismet gitu ya sob... belum ngunjungin lagi bloggeritems

22 Mei 2013 21.50


Beben Koben delete sj widget kntak form kayak ginih, ah gmn c bacapostingan guena ieu teh

22 Mei 2013 16.23

Balas

Kang Ismet ngapain dihapus, kan udah disembunyiin kang...dihapus juga tetep tampil di Tata Letak

22 Mei 2013 17.26

Abu Faqih El Sakbamy betul kang... biar ga ribet, ga usah di hapus

22 Mei 2013 22.52

Beben Koben enyak tidak bisa mungkin karena unik id nya dah di patok mablogger kali bos lebar-lebaran tea

23 Mei 2013 09.54

Kang Ismet 23 Mei 2013 10.02Use our professional PDF creation service at http://www.htm2pdf.co.uk!

tapi nu ieu mah tiasa pake CSS kang

Beben Koben bentrok meren

23 Mei 2013 11.10

infosaja.com Kalau gunakan default widget contact formnya masihtetap bagus Kang

22 Mei 2013 16.31

Balas

Kang Ismet Emang bagus ko sob... kan ini hanya opsi, tinggal milih

22 Mei 2013 17.24

KALS KomunitasAnakLampungSelatan

masbro, tempat ane ko gak masuk ke inbox mail ya?mohon petunjuk

2 Oktober2013 16.42

Kang Ismet coba liat folder jejaring sosial

2 Oktober 2013 17.50

Arif Budiharjo terus kang isi pesan terus apakah akan masuk ke inboxemail kita ?

22 Mei 2013 17.02

Balas

Kang Ismet iya sob.. email yang dipake blogger

22 Mei 2013 17.24


David Mancap Bang, itu nanti terkirim ke email kita???Minta tutorial menghilangkan link otomatis dari kotakkomentar donk

22 Mei 2013 17.13

Balas

Kang Ismet betul sob.. ditunggu aja tutorialnya

22 Mei 2013 17.24

Ruly Jenar Nakula Owh ternyata kalau sudah ada yang ngasih tau tutornamah jadi serasa mudah ya kang hehe nhun kang ismet ah

22 Mei 2013 22.33

Balas

Kang Ismet pasti sob.. jadi gusah ngacak2 lagi

22 Mei 2013 22.49

Duwi Santosa Mantab kang ismet... saya coba langsung ces pleng....

22 Mei 2013 22.42

Balas

Kang Ismet oke sob... congrats deh kalau berhasil

22 Mei 2013 22.49

Abu Faqih El Sakbamy Mangstab.... cek yang lebih stylish di blog saya

22 Mei 2013 22.53

BalasUse our professional PDF creation service at http://www.htm2pdf.co.uk!

Kang Ismet oke sob... mangstab sekaleeee....

23 Mei 2013 07.57

Zhinto ini asli keren area komennya

23 Mei 2013 07.30

Balas

Kang Ismet tengkyu sob...

23 Mei 2013 07.57

Rosyd Aqbar Mantef kang So Clean.saya suka BTW, Thread Commentnya keren kang :o

Aqb Blog

23 Mei 2013 14.36

Balas

Kang Ismet tengkyu sob...

23 Mei 2013 16.08

Rasyad M Halaman Statis itu maksudnya apa'-' Homepage?

28 Mei 2013 15.40

Balas

Kang Ismet bukan, halaman aja sob.. di dashboard ada Laman..tambah lama, biasanya jadinya seperti ini

28 Mei 2013 16.01


http://namablog.blogspot.com/p/nama-halaman.html

David Raja wah, tutor gini ada juga yah di blogspot, biasa nya sajapakai dari EmailMe, tapi klo dari petunjuk akang di atastadi, bisa gak kita bikin kolom kolom nya sesuai kebutuhankita kang ??????terus itu nanti di terima nya ke email kita ??? mirip modelEmailMe gitu kang ????mohon pencerrhannya yah kang ???

salam kenal yah kangDavid Rajawww.DavidRaja.com

30 Mei 2013 17.27

Balas

Kang Ismet Kolom2nya masih standar sob, cuma 3 gitu... Nama,Email, sama pesan... konsepnya sih sama, akan masukke Email kita.

30 Mei 2013 17.45

David Raja Kalo mau bikin Fomr Online mirip EmailMe, gimana yahKang ???? kira kira bisa kasih rekomendasi ke saya gk Kang ???

30 Mei 2013 18.38

Kang Ismet paling bikin pake php sob... bisa pake hostinggooglecode ko

30 Mei 2013 18.56

David Raja udah ada tutor dari akang belum ????

30 Mei 2013 20.38

Kang Ismet 31 Mei 2013 06.33Use our professional PDF creation service at http://www.htm2pdf.co.uk!

kalau pake php belum sob, biasanya pake hostingsendiri

David Raja gpp lah, saya sudah coba pakai ini, dan hasilnya cukupmewakilkan keinginan saya.saya juga sudah check di email, langsung masuk diinbox, di TAB Social.thanks banget tutornya.

14 Agustus 2013 16.51

Adi Winata om mau request tutorial dong : gimana cara membuatkode biasa jadi bewarna seperti yang anda di blockquote ?.Secepatnya ya

31 Mei 2013 01.09

Balas

Kang Ismet kan udah ada tutorialnya -> [Link] dan [Link]

31 Mei 2013 06.33

Angelika Citra owh begini ya caranya,,kemarin saya coba2 pasang widgettersebut namun cuman bisa di sidebar aja )

3 Juni 2013 14.48

Balas

Kang Ismet iya jeng... silahkan dicoba

5 Juni 2013 12.55

Adhy Nugroho met siang kang, mf kang ane mau tanya kenapa formcommentar di blog akang gk bisa tampil klo di akses lewatopera mini.

5 Juni 2013 11.15


Balas

Kang Ismet thanks informasinya.. saya belum tau malah... nantisaya liat masalahnya...

5 Juni 2013 12.55

Kompi Ajaib Akhirnya saya tergoda juga dengan kontak blogger biarlebih ringan dan unlimited hehehe...Makasih tutornya kang ...berhasil.Tapi kalau dicoba pakai email sendiri atau kita lagi loginkok ga ngepek...apa emang begitu kang?

5 Juni 2013 23.24

Balas

Kang Ismet coba aja emailnya ngarang kang....

5 Juni 2013 23.29

Kang Ismet widgetnya udah dipasang sob? soalnya kalaudihilangkan jadi g ngefek.... saya coba kayaknya blomaktif... biasanya kalo aktif, tanpa isi apapun trus kita klik'kirim' ada notif sob... 'alamat email harus valid'

5 Juni 2013 23.38

Kompi Ajaib Widgetnya saya pasang seperti tutor di atas ataumungkin karena widged js blogger saya nonaktifkan yakang (untuk validasi html5) hadeuueueh...

6 Juni 2013 09.11

Dzulmar Ismail Hijra Kang, saya teh bingung, sebenernya hasil dari kontak itudikemanain sih? Di email atau ke manain?

6 Juni 2013 19.24


Balas

Abu Faqih El Sakbamy dikirim ke email kita..

6 Juni 2013 19.42

Mukhamad Ikhbar nuhun kang

20 Juni 2013 23.21

Balas

Yanuar Lukman Arif Terima kasih kang, sudah saya coba dan berhasil!!!

30 Juni 2013 11.04

Balas

Kang Ismet congrats deh sob

30 Juni 2013 17.40

Irfan Syahputra Saya mau nanya kang.. Terus misalkan ada yangmengirim. Pesannya terkirim kemana?

2 Juli 2013 20.14

Balas

Kang Ismet ke email sob...

6 Juli 2013 15.59

Reggae Famz Woyohhh mantep kang tutorial2 disini

Salam kenal kang dari http://ompaps.blogspot.com

6 Juli 2013 14.44


Balas

Kang Ismet sama2 sob... salam kenal juga

6 Juli 2013 15.59

nugrohotriyanto Gan cara menyembunyikan coment di kontak formbgaimana ?

10 Juli 2013 19.13

Balas

Kang Ismet Kan ada pengaturannya di samping, ketika membuatatau edit halaman

11 Juli 2013 23.27

nugrohotriyanto kang bagaimana cara menyembunyikan jumlah komentardi bawah judul posting di halaman statis ? thxsesebelumnya.

11 Juli 2013 21.12

Balas

Kang Ismet tergantung template sob... soalnya beda2 kode...kalau kode sudah ketemu, gunakan tag kondisional,misalkan kode CSS untuk label, author, dan komentarmenggunakan .post-meta, maka penggunaan tagkondisionalnya seperti ini :

11 Juli 2013 23.32

nugrohotriyanto Oke nanti ane coba kang

12 Juli 2013 21.21

Balas

Admin - TheBerita nah pesan yang terkirim itu terkirim kemana ya mas ? saya cek di gmail gan ada tuh

13 Juli 2013 13.55

Balas

Tri harto owya ,setelah cek & ricek cara nambahin mailto di htmlnya gmn gan??trims

14 Juli 2013 19.23

Balas

Kang Ismet paling email penerima ditambah gmailnyasob...soalnya ini default blogger, bukan php

14 Juli 2013 21.38

ANDI DEMI SAHABAT NOAH SIDRAP dimana dilihat kalau ada yg masuk

21 Juli 2013 05.34

Balas


Arsipfank Tankiyu tutornya Kang Is,ijin sedot ilmunya...yeh....

6 Agustus 2013 11.34

Balas

Trisz Lee suwun njih Kang , info bermanfaat , izin pakai script nya

19 September 2013 21.12

Balas

Owl Invade ko mas pas`saya pasang di blog saya ga work ya?saya klik ( kirim ) mlah diem aja ga k kirim..!!

11 Oktober 2013 20.23

Balas

Kang Ismet widget udah dibuat? kalau udah dibuat, dihapus lagiga?

11 Oktober 2013 20.26

Owl Invade udh mas`engga di hapus engga work...!!udh saya hapus juga tetap tidak work

12 Oktober 2013 10.00

Balas

Ns. Heri Saputro Kang..tanya kalo gak ada kode ]]> dari edit HTMLTemplate gimana??Di tempat sy gak ada...Pencerahannya gan...

14 Oktober 2013 19.11


Balas

Kang Ismet untuk masukin CSS di atas aja

14 Oktober 2013 19.35

Rio Us kang, saya mau tanya? kalau contact form itu pesanorang masuknya ke mana yah??[ saya ngak pernah pelajarin contact form ]- apakah masuknya di Gmail???

16 Oktober 2013 06.37

Balas

Febrianto Putra kok ga bisa ngirim mas ya ?

24 Oktober 2013 20.49

Balas

NABILA SHOP Ups! dilarang ngiklan di kolom komentar bos...Pasang iklan premium di blog ini... Atau ga punya duit?kasian... Usaha itu butuh modal bos...

13 Desember 2013 21.36

Balas

MAAF... ANDA TELAH DIBANNED...! TERIMAKASIH TELAHMENGUNJUNGI BLOG INI.


Komentar ini telah dihapus oleh pengarang.

Friska Lee jangan promo2 gitu lah mbak .. kalau mau hubungipemilik situs minta pasang iklan berapa ada palingmurah juga mbak

17 Desember 2013 04.20

palma hutabarat hadeh udah tau kang ismet banyak aturan masih aja dilanggar.nasib loe lah ....kalo yang ginian gw paling demen koment nya

17 Desember 2013 04.27

Catur Apriyadi Cara di atas udah aku coba kang, cuma pingin agartampilannya center gimana kang? udah di coba oatak atiktp ga sampe ilmunya,hehehe

16 Desember 2013 23.00

Balas

Gigih Kurniawan terima kasih kang tutorialnya

17 Desember 2013 04.38

Balas

Chyardi K. Thanks Kang, saya sudah coba dan berhasil

30 Desember 2013 00.33

Balas

Kang Ismet ok deh... congrats sob

30 Desember 2013 08.05


Moch Adnan nuhun pisan kang berhasil di blog saya

17 Januari 2014 12.48

Balas

Ari Ibnu Umar Kang, pengaturan CSS di blog ane berantakan yaakk,,,apa yang salah?http://beli.tipehandphone.com/p/halaman-pemesanan.html

19 Februari 2014 11.27

Balas

Harafi Mulki wah makasih banget kang... buat informasi nya

jgn lupa ke sini yah http://harafimulki.blogspot.com

5 Maret 2014 17.06

Balas

M. Rudianto Terimakasih kang, tutorialnya bagus,,, ijin share ulang....http://www.masrud.web.id/

19 April 2014 09.11

Balas

WISATA AREA maap kang.. setelah saya ikuti tutorial nya sampai selesai.kok prosesnya kirimnya ga ada konformasi kalo sudahterkirim..

2 Mei 2014 17.40

Balas


vanessa san Habis di post nanti mereka send messagenya munculnyadimana nih?btw makasih infonya ganvisit juga ya

http://belajaringgrisonlinee.blogspot.com/

6 Mei 2014 15.52

Balas

Jefri Raymond kang saya ikutin cara di atas kaya tidak bekerja kontakform nya tombol kirim tak bekerja

17 Juni 2014 17.24

Balas

cah pare iya sama saya juga mengalaminya, bagaimana inisolusinya kanghttp://www.cahpare.com/p/contact-me.html

24 Juni 2014 19.13

Balas

Denny Arie Wianto Thanks gan, berfungsi baik maju terus gan

Salam,Denny | http://indonesiajobhunter.blogspot.com/

26 Juni 2014 11.21

Balas

Lupa Nama Asli 21 Juli 2014 00.13Use our professional PDF creation service at http://www.htm2pdf.co.uk!

Sudah terpasang kang.Tapi kontak form nya tidak berfungsi. Jika klik tombol kirimtidak ada perubahan. Mohon pencerahannya kang .

Balas

posing malaysia Hal yang tidak pernah terbayankan kini menjadi kenyataandengan keluargaku,,,untuk MBAH.RINGGO kami ucapkanbanyak terimakasih karna berkat bantuannyaALHAMDULILLAH keluarga kami bisa lepas dari hutang danmasalah,karna nomor GHOIBuntuk pasang togel,hasilritual MBAH RINGGO meman benar2 merubah nasib kamihanya sekejap,dan disitulah aku berkesempatankumpulkan uang untuk buka usaha kembali,karna baikrumah sudah disita,,warung makan jg sudah bangkrut,,tapiitu semua aku masih tetap bertahan hidup dengan anakistriku,,walau cuma kontrak tapi aku tetap bersabar danakhirnya MBAH RINGGO lah yang bisa merubah nasibkami..MBAH RINGGO orang paling bersejarah kepadakeluarga saya!!! Kepada teman2 yang di lilit hutang daningin merubah nasib baik dari pada sekaran HBG:0852~0521~3777-MBAH RINGGO,dengan penuh harapanINSYAH ALLAH pasti tercapai dan sudah terbukti.

9 Agustus 2014 20.33


Hal yang tidak pernah terbayankan kini menjadi kenyataandengan keluargaku,,,untuk MBAH.RINGGO kami ucapkanbanyak terimakasih karna berkat bantuannyaALHAMDULILLAH keluarga kami bisa lepas dari hutang danmasalah,karna nomor GHOIBuntuk pasang togel,hasilritual MBAH RINGGO meman benar2 merubah nasib kamihanya sekejap,dan disitulah aku berkesempatankumpulkan uang untuk buka usaha kembali,karna baikrumah sudah disita,,warung makan jg sudah bangkrut,,tapiitu semua aku masih tetap bertahan hidup dengan anakistriku,,walau cuma kontrak tapi aku tetap bersabar danakhirnya MBAH RINGGO lah yang bisa merubah nasibkami..MBAH RINGGO orang paling bersejarah kepadakeluarga saya!!! Kepada teman2 yang di lilit hutang daningin merubah nasib baik dari pada sekaran HBG:0852~0521~3777-MBAH RINGGO,dengan penuh harapanINSYAH ALLAH pasti tercapai dan sudah terbukti.

Balas

Bimbi Yusmito wah mantap min , udah terlaksana dgn benar

10 September 2014 11.15

Balas

afrizal fajri sangat membantu, makasih banget kang... buat informasinya

jgn lupa kunbalnya yah http://esmartgadget-shopping.blogspot.com

14 September 2014 16.44

Balas

Komentar yang menyertakan link aktif, iklan, atau titip link, akan dimasukan keUse our professional PDF creation service at http://www.htm2pdf.co.uk!

Menghilangkan Link Aktif pada Komentar BloggerMemasang Widget Contact Form Blogger

folder SPAM. Untuk pertanyaan di luar topik artikel silahkan kik OOT (apabila dipertanyakan disini, mohon maaf apabila tidak dibalas).

Konversi KodeKonversi Kode ForumForum

Masukkan komentar Anda...

Beri komentar sebagai: Google Account

PublikasikanPublikasikan

PratinjauPratinjau

Terima kasih telah berkomentar


memasang-widget-contact-form-blogger-pada-halaman-statis_html.pdf

Documents