Kausarrazky - Cara membuat halaman Contact us responsive di blog dengan Android untuk syarat mendaftar Adsense,Jika anda senang sekali ngeblog atau blogging pasti sudah tau dan paham apa itu Contact us dan apa manfaat nya buat blog.
Manfaat dari halaman contact us adalah pengunjung dapat mengajukan pertanyaan tentang topik yang sedang dibahas dalam artikel. Pengunjung blog akan merasa senang dan betah berkunjung ke blog anda jika pertanyaan mereka dapat anda jawab dengan baik.
Manfaat lain dari Contact us adalah memiliki halaman hubungi kami,jika Anda memutuskan untuk mendaftarkan blog Anda ke Google Adsense atau media periklanan lainnya, blog Anda akan lebih cepat ditinjau karena Anda telah menyelesaikan salah satu persyaratan mereka. Seperti yang kita ketahui bersama, membuat blog agar dapat menghasilkan uang melalui Google AdSense bukanlah tugas yang mudah. Anda harus mematuhi persyaratan untuk menjadi penerbit Google Adsense di blog Anda. Jika halaman blog Anda tidak memiliki halaman hubungi kami, Google Adsense kemungkinan akan menangguhkan akun Anda karena mereka yakin Anda tidak jujur kepada pengunjung karena Anda tidak menyediakan layanan ini.
Dibandingkan dengan memberikan informasi rahasia seperti nomor telepon, akun jejaring sosial, atau alamat email, menggunakan formulir kontak menurut saya lebih aman. Karena blogger sudah menyediakan widget formulir kontak, jadi lebih aman dan praktis.
Profesionalisme adalah istilah yang digunakan untuk menggambarkan seseorang yang lebih berpengetahuan daripada rata-rata orang. Seperti yang kita ketahui bersama, komunikasi melalui email di tempat kerja akan lebih profesional. Jangan khawatir, jika Anda menghubungi kami, informasi yang Anda berikan akan dikirimkan ke alamat email akun blogger Anda.
Sebagai seorang blogger, Anda harus waspada agar mendapatkan hasil kerja keras Anda. Menurut pengalaman saya, memasang halaman kontak untuk kita akan memudahkan kita mendapatkan iklan tawaran atau pekerjaan lain. Dan Anda harus memahami bahwa memiliki halaman contact us dapat memudahkan Anda untuk mendapatkan bayaran ketika situs Anda terdaftar di Google Adsense.
Berikut ini cara membuat Contact us di halaman blog.
Untuk membuatnya cukup mudah kok.....anda hanya tinggal copy kode html dan anda copy di bagian halaman blog.
1 . Masuk ke dashboard blog anda.
Lalu klik garis tiga yang ada di kiri atas,yang sudah saya tandain kotak biru.
2 . Klik tulisan halaman,yang sudah ada tanda kotak biru.
3 . Ubah kode menulis menjadi html.
Yang ada tanda warna biru.
4 . Kemudian copy kan kode html di dalam halaman.
Lalu ubah menjadi kode menulis dengan cara klik tanda pensil .
<form id="kontak-arlina" name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="" />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Send Message"/>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager{display:none}
form{color:#666}
form.payforpal{margin:auto;text-align:center}
#kontak-arlina{margin:auto;max-width:640px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);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:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
#ContactForm1_contact-form-submit{float:left;background:#1abc9c;margin:auto;vertical-align:middle;cursor:pointer;padding:16px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;border-radius:4px;color:#fff;font-weight:500;transition:all .2s ease}
#ContactForm1_contact-form-submit:hover{background:#16a085;color:#fff;}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}
.contact-form-error-message-with-border{background:#f47669;border:0;box-shadow:none;color:#fff;padding:5px 0;border-radius:3px}
.contact-form-success-message{background:#4fc3f7;border:0;box-shadow:none;color:#fff;border-radius:3px}
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>
<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<script src=" 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'] = 'IDBLOGSOBAT';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//\x3dIDBLOGSOBAT','//);
_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': 'IDBLOGSOBAT', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': ''}, 'displayModeFull'));
//]]>
</script>
Berikut kode Contact us blog responsive,ganti IDblospot dengan IDblogspot sobat.
Ganti juga url blog dengan url blognya sobat.
Berukut ini contah gambar Contact us.
5 . Setelah anda ubah klik simpan.
Yang sudah ada tanda warna biru.
6 . Dan yang terakhir publikasikan.
Cukup mudah sekali bukan membuat Contact us di halaman blog hanya dengan Android,semoga artikel kali ini bermanfaat dan selamat mencoba.
Komentar
Posting Komentar