.png "Cara Mudah Pasang Contact Us Keren Di Blog") |
| Cara Mudah Pasang Contact Us Keren Di Blog |
Hal cara membuat contact us keren diblog dengan mudah, jadi contact us sangat berguna sekali bagi para pemilik situs atau blog dalam mengembangkan berbagai macam tulisan-tulisan ide kreatif dan halaman contact us merupakan halaman tentunya wajib bagi situs atau blog.
Adanya contact us di blog, akan membuat dan mempermudah para pengunjung untuk bisa menghubungi owner (pemilik) baik dalam bekerja sama ataupun ingin bertanya perihal yang lain tentunya.
Manfaat Membuat Cotact Us di Blog
Akan selalu ada blogger baru muncul setiap harinya, karena banyak orang yang suka menulis dan membagikan inspirasi melalui blog,nah, pasti ada saja sobat pemula yang tidak memperdulikan untuk membuat halaman kontak diblognya.Berikut adalah alasan kenapa kamu harus membuat contact us di blog ya sobatku semuanya :
Praktis dan Aman
Dibandingkan dengan memberikan informasi kontak berupa no hp, akun sosial media atau alamat email secara langsung, menurut saya lebih aman menggunakan formulir kontak,lebih aman dan praktis karena blogger sendiri telah menyediakan fitur widget formulir kontak.Lebih Profesional
Seperti yang kita ketahui komunikasi melalui email dalam urusan pekerjaan akan lebih profesional, nah contact us pun begitu, pesan yang dikirim oleh pengunjung akan masuk ke email akun blogger para sobatku dimanapun berada.Mudah diterima dan menerima Layanan Iklan
Sebagai blogger kita pasti memikirkan untuk mendapatkan penghasilan dari blog yang sudah dibuat,menurut pengalaman saya, dengan memasang halaman contact us akan mempermudah kita untuk mendapatkan tawaran iklan atau kerja sama lainnya, ban perlu kamu ketahui bahwa halaman contact us dapat mempermudah pengajuan saat blog kita didaftarkan ke Google Adsense.Tutorial Membuat Contact Us Keren di Blog
Untuk pemasangan dan cara membuat conct us di blog bisa sobat coba dengan mudah dan sama seperti sobat membuat postingan artikel,tidak butuh waktu lama, kurang dari 1 menit juga pasti sudah selesai,hanya saja, para sobatku semuanya harus memiliki script formulir kontak yang sudah ada.Nah untuk itu sobatku semuanya, yuk disimak dan dibaca sampai habis yah, sebagai berikut.
Langkah-Langkah
1. Pertama sekali sobatku, terlebih dahulu untuk login menggunakan akun blogger.
2. Masuk kehalaman dashboard blogger milik sobat tersebut.
3. Pilih Halaman Baru.
4 Tepat dibagian halaman baru, sobat buatkan terlebih dahulu judulnya, saya contohkan ' contact us '.
5. Selanjutnya para sobat pilih Tampilan HTML bukan Tampilan Menulis.
6. Kemudian sobat kode script dibawah ini untuk kode script contact us di blog sobat, sebagai berikut.
<form name="contact-form">Nama <br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br />
<br />
Email <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span> <br />
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br />
<br />
Isi Pesan <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br />
<input id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br />
<div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></div></form><script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script><br />
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1215376661229040519';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1215376661229040519','//www.bungfrangki.com/','1215376661229040519');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar3', 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': '1215376661229040519', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script><br />
<style scoped="" type="text/css">
#comments {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;resize:none;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit{float:left;background:#3182d9;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover {background:#3a3a3a;color:#fff;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
.post-body input {width:initial;}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
</style>
7. Lalu sobat, pilih Save / Simpan.
Jika sobat sudah membuat judul disebuah halaman baru dan memasang kode script contact us keren di blog, maka sobat tinggal melihat tampilan contact us sudah tersedia dan berfungsi dengan baik.
Demikianlah untuk tulisan ide kreatif saya ini dapat saya bagikan di blog sederhana ini, mengenai topik pembahasan saya yaitu Cara Mudah Pasang Contact Us Keren Di Blog, semoga dengan tulisan ide kreatif saya ini bisa bermanfaat dan menambah wawasan kepada para sobatku semuanya, sekian dan terimakasih.