Cara Membuat Halaman Kirim Artikel di Blogspot
Sponsored Post
ipung.net - Cara Membuat Halaman Kirim Artikel - Pada artikel kali ini saya akan berbagi cara membuat sebuah halaman yaitu “kirim artikel”. Halaman ini digunakan untuk menginputkan artikel dari postingan tamu anda.
Sebelum melanjutkannya apakah Anda sudah tahu apa itu formulir?, jika belum tahu simak penjelasannya terlebih dahulu di sini.
Disini saya akan memberitahukan kepada semua penulis blog, bahwa <a href="#" target="_blank">namablogkamu.com</a> membuka kirim artikel secara gratis tanpa di pungut biaya apapun. Bagi Anda yang berminat mengirim artikel silahkan isi form dibawah ini. Pastikan sesuai niche website ini.
Note: Ganti kode "xxxxxxxxxxxxx" dengan Blog Id mu
Jika terjadi error atau tampilan tidak muncul, Anda bisa menghapus kode script dan silahkan mencoba kembali sesuai tutorial diatas.
Jika ada pertanyaan silahkan berkomentar dikolom komentar, apabila ada kesalahan dalam penyusunan kata-kata masih kurang maksimal jadi mohon dimaafkan. Terima Kasih.
Sebelum melanjutkannya apakah Anda sudah tahu apa itu formulir?, jika belum tahu simak penjelasannya terlebih dahulu di sini.
Pengertian Formulir (Form)
Form merupakan salah satu bentuk halaman website yang berfungsi untuk menerima inputan dari user. Selanjutnya inputan dari pengguna tersebut diolah menggunakan bahasa pemograman web, baik secara server side scripting ataupun client side scripting.Script Halaman Kirim Artikel
Berikut script kode halaman kirim artikel yang saya edit dari halaman kontak berupa Pemograman Javascript, sebagai berikut:Disini saya akan memberitahukan kepada semua penulis blog, bahwa <a href="#" target="_blank">namablogkamu.com</a> membuka kirim artikel secara gratis tanpa di pungut biaya apapun. Bagi Anda yang berminat mengirim artikel silahkan isi form dibawah ini. Pastikan sesuai niche website ini.
<div class="Form">
<form name="contact-form">
Judul Artikel
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Cara Membuat ..." size="30" style="max-width: 400px; width: 100%;" type="text" value="" /><br />
Isi Artikel
<span style="font-weight: bolder;">*</span>
<br />
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Masukkan Artikel + 1 Link Menuju Web Agan (URL)" rows="5" style="max-width: 400px; width: 100%;"></textarea>
Email
<span style="font-weight: bolder;">*</span><br />
<input id="ContactForm1_contact-form-email" class="contact-form-email" name="email" size="30" style="max-width: 400px; width: 100%;" type="text" value="" placeholder="nama@gmail.com" />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" />
<br />
<div style="max-width: 400px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form</div>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = ''xxxxxxxxxxxxx'';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3dxxxxxxxxxxxxx','//www.namablog.com/','xxxxxxxxxxxxx');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': 'xxxxxxxxxxxxx', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
<form name="contact-form">
Judul Artikel
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Cara Membuat ..." size="30" style="max-width: 400px; width: 100%;" type="text" value="" /><br />
Isi Artikel
<span style="font-weight: bolder;">*</span>
<br />
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Masukkan Artikel + 1 Link Menuju Web Agan (URL)" rows="5" style="max-width: 400px; width: 100%;"></textarea>
<span style="font-weight: bolder;">*</span><br />
<input id="ContactForm1_contact-form-email" class="contact-form-email" name="email" size="30" style="max-width: 400px; width: 100%;" type="text" value="" placeholder="nama@gmail.com" />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" />
<br />
<div style="max-width: 400px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form</div>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = ''xxxxxxxxxxxxx'';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3dxxxxxxxxxxxxx','//www.namablog.com/','xxxxxxxxxxxxx');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': 'xxxxxxxxxxxxx', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
Note: Ganti kode "xxxxxxxxxxxxx" dengan Blog Id mu
Cara Memasang Form Kirim Artikel di Blogspot
Berikut cara memasang formulir kirim artikel diblogspot, perhatikan dengan benar agar tidak terjadi error.- Langkah pertama Buka Blogger.com (Anda sudah login dengan akun masing-masing), dan klik Halaman.
- Setelah terbuka silahkan buat Halaman Baru.
- Kemudian pilih HTML, dan copy kode script diatas tadi.
- Lalu edit blogID, dan nama domain yang saya tandai background kuning. Untuk blogID ada di url blog.
- Terakhir Save atau Klik Publikasikan.
Mengatasi Error Saat Pemasangan Form Kirim artikel
Cara Membuat Halaman Kirim Artikel - Jika anda mengalami error kemungkinan ada beberapa kode yang terhapus, dan masukkan blogID dan url blog anda secara benar dan teliti.Jika terjadi error atau tampilan tidak muncul, Anda bisa menghapus kode script dan silahkan mencoba kembali sesuai tutorial diatas.
Kesimpulan
Itulah tadi artikel mengenai Cara Membuat Halaman Kirim Artikel, walaupun tutorial ini singkat mohon dimaafkan. Semoga bermanfaat, terimakasih.Jika ada pertanyaan silahkan berkomentar dikolom komentar, apabila ada kesalahan dalam penyusunan kata-kata masih kurang maksimal jadi mohon dimaafkan. Terima Kasih.
