Contact form keren menggunakan jquery
Sudah tidak asing kan dengan plugin wordpress cform?? jika belum tau, cform itu merukankan form yang di gunakan untuk pengisian data yang akan dikirim keemail admin, sering di pake untuk contact form.. nah ada yang baru untuk contact form ini, sebenarnya ini bukan plugin, tapi bisa kita install di wordpress..
Oke, langsung saja.. contact form ini hasilnya seperti ini
Keren bukan hasilnya? atau bisa dilihat demonya di alamat promomu.com dan klform hubungi kami di bagian sidebar hubungi kami.. dan jika anda suka langsung berkunjung ke alamat http://www.ericmmartin.com/simplemodal/, dan download filenya yang bagian contact form ya..
Sekarang mari kita install di wordpress, setelah filenya sudah kita download, sekaranupload file .zipnya ke server kamu… lebih baik silahkan di uploan di folder public_html, setelah di upload di extract kedalam folder public_html, lalu kita menuju ke wp-content/themes/namatheme/header.php atau file header theme yang anda pakai.. lalu edit file tersebut…
Masukan code ini di atas code </head>
<!– Import jQuery and SimpleModal source files –>
<script src=’js/jquery.js‘ type=’text/javascript’></script>
<script src=’js/jquery.simplemodal.js‘ type=’text/javascript’></script>
<!– Contact Form JS and CSS files –>
<script src=’js/contact.js‘ type=’text/javascript’></script>
<link type=’text/css’ href=’css/contact.css‘ rel=’stylesheet’ media=’screen’ /> <script language=JavaScript>
<!–
teks warna merah diganti alamat penyimpanan file yang tadi sudah anda upload ke server anda…
sekarang acara upload editnya sudah beres, dan giliran ke wp-admin, silahkan taruh code ini semau anda dimana..
<div id=’contactForm’>
<a href=’#’ class=’contact’>Hubungi kami</a>
</div>
oke, sekarang silahkan dicoba hasilnya dan di klik…
Satu lagi yang sangat penting, sebelum upload edit dulu file data/contact.php ganti isinya dengan data anda, agar pesan bisa masuk ke email anda…
oke, selamat mencoba…. semoga sukses!!!!
Baca juga artikel ini :
- Contact form jquery WordPress plugin
- membuat express search form di wp
- Membuat Poling keren, di blog wp
- Setting Joomla Mailer Menggunakan SMTP GMAIL
- Ingin content wordpress kamu jadi rahasia
facebook comments:
klo aku mahh masih suka Mootools kang… Lebih cantik….
pengembangannya juga lebih simple… n mudah
Wajib di coba ini….
[...] saya sudah memposting artikel yang sama yang bisa di baca di artikel sebelumnya, namun di artikel tersebut kita harus menyetting secara manual, nah barusan saya tidak sengaja [...]