Headline

Membuat Contact Form Material Design di Halaman Statis

Mesothelioma is a form of cancer which occurs in thin membranes (called the mesothelium) lining the chest, lungs, abdomen and sometimes the heart. Although quite rare, mesothelioma symptoms strike more than 200 people each year in the United States. The majority of mesothelioma cases are directly linked to asbestos exposure. Because of the long latency period of mesothelioma, the average age of patients is between 50 and 70 years. Mesothelioma affects men most due to the high exposure of asbestos in industrial typed jobs. Mesothelioma symptoms include respiratory problems, shortness of breath, continual cough and pneumonia. Other mesothelioma symptoms include weight loss, abdominal problems and swelling. In some mesothelioma patients, the mesothelioma symptoms are quite muted, making it hard for mesothelioma doctors to diagnose. Mesothelioma doctors specialize in the study, research, and treatments of Mesothelioma cancers. Mesothelioma (or the cancer of the mesothelium) is a disease in which cells become abnormal and replicate without control. During Mesothelioma, these cells will invade and damage tissues and organs. Mesothelioma cancer cells can spread throughout the body causing death. Mesothelioma treatments and Mesothelioma clinical trials and tests There are many mesothelioma treatment options available. Treatments include surgery, radiation therapy and chemotherapy and the mesothelioma treatment depends on the patient’s age, general health and stage of the cancer. There has been much mesothelioma research conducted throughout the past two years to find new treatment methods. Click here to read more about mesothelioma treatment techniques. Through mesothelioma research, The National Cancer Institute has sponsored mesothelioma tests and clinical trials that are designed to find new treatment methods. Because of the increase in number of mesothelioma cases in the United States, both governments have increased funding for mesothelioma research. Mesothelioma research and clinical trials have been successful in developing new techniques to fight this cancer and the outlook for more advanced mesothelioma treatments is promising. Surgery is the most common treatment method for malignant mesothelioma. Tissues and linings affected by mesothelioma are removed by the doctor and may include the lung or even diaphragm. A second mesothelioma treatment method is radiation therapy through the use of high energy x-rays that kill the cancer cells. Radiation therapy can be outside or inside the body. A third mesothelioma treatment method is chemotherapy. Through pills or drugs through needles, chemotherapy drugs are used to kill cancer cells. A new mesothelioma treatment method is called intraoperative photodynamic therapy. In this treatment, light and drugs are used to kill cancer cells during surgery for early stages of mesothelioma in the chest. Although there are numerous treatments and drugs for mesothelioma, doctors are losing the battle against this deadly disease. Most mesothelioma treatments involve old techniques combined with different drug cocktails. However, in most cases, these mesothelioma treatments have many side effects including organ damage, nausea, increase in heart failure etc. The rush to find a more effective mesothelioma treatment or even cure is ongoing at numerous clinical labs across the nation. Let's hope that the mesothelioma treatments will one day erradicate mesothelioma cancer and asbestosis. With an abundance of information on the Internet, Mesothelioma Cancer and Asbestos ([http://www.mesothelioma-cancer-and-asbestos.com]) has consolidated the most important issues surrounding Mesothelioma, Mesothelioma doctors and symptoms, Mesothelioma treatment, Mesothelioma research and tests. At [http://www.mesothelioma-cancer-and-asbestos.com], the website contains useful resources on Mesothelioma lawyers and attorneys, as well as causes by asbestos exposure, asbestos removal, asbestos attorneys and lawsuits, and asbestos cancer. Patients stricken by Mesothelioma and their families require support and current information. Mesothelioma Online Resources hopes to educate and give hope to survivors and victims. Mesothelioma is such a harsh disease. Not only does it take years for symptoms to appear, but there are limited treatements and drugs that will prolong the lives of workers stricken with mesothelioma. In many cases, the death rate of mesothelioma is unfortunately very high. However, with increased funding in mesothelioma research through the government and private grants, the outlook for a mesothelioma cure is quite possible. In the meantime, mesothelioma support groups and local discussions provide the ongoing support for mesothelioma patients. Mesothelioma Cancer and Asbestos ([http://www.mesothelioma-cancer-and-asbestos.com])is your source for mesothelioma and asbestos information, treatments, clinical trials, attorneys, support groups and lawyers. About the website: Michael Kenneth is a successful Internet Publisher and has researched and written on many topics for [http://www.mesothelioma-cancer-and-asbestos.com] - your complete source for mesothelioma information, mesothelioma attorneys and lawyers, mesothelioma treatments and research, asbestos exposure and removal, asbestos attorneys and legislation as well as asbestos cancer.
Pentingnya bagi setiap website memiliki yang namanya Halaman Kontak agar pengunjung atau pengiklan dapat mengirimkan pesan kepada pemilik website. Selain itu adanya fitur ini juga akan menambah kelengkapan dari sebuah website agar terlihat lebih professional.

Meskipun sebenarnya Contact Form bisa diganti hanya dengan menuliskan alamat email saja, tetapi semua ini bertujuan agar pengunjung atau pengiklan lebih mudah dalam menghubungi pemilik website. Bagi kalian yang ingin mendaftar Google Adsense, penting sekali untuk menambahkan halaman ini ke dalam website menurut beberapa artikel yang pernah kami baca.

Menurut admin, benar juga adanya pendapat demikian. Karena dengan adanya halaman Contact Form ini tentu akan meyakinkan para pihak advertiser bahwa website yang kita kelola memiliki keseriusan. Tidak percaya? coba kalian perhatikan beberapa website besar, pasti mereka menyediakan halaman ini. Terlebih lagi jika kalian saat ini sedang mengelola website toko online.

Contact Form ini sebenarnya tidak harus diletakkan pada halaman web, tapi pada sidebar, ataupun dibawah artikel juga bisa. Akan tetapi untuk meringankan loading sebuah website sebaiknya diletakkan pada halaman statis, yang nantinya tidak akan membuat halaman awal atau artikel menjadi lama untuk ditampilkan.

Berikut ini adalah tutorial yang bisa kami berikan untuk Membuat Contact Form Material Design di Halaman Statis Blogger


Tutorial Pemasangan

Langkah 1
Pastikan sudah login ke Blogger, pada menu dashboard pilih Halaman > Halaman Baru > kemudian pilih tab penulisan HTML bukan Compose
Jika sudah memiliki halaman kontak, kalian hanya perlu mengedit halaman yang sudah ada.
Langkah 2
Masukkan kode berikut ini pada kotak yang disediakan (mode HTML).
<style scoped="scoped">
.blanterinput{float:none;position:relative;margin-bottom:45px;margin-right:10px}.blanterinput input,.blanterinput textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}.blanterinput input:focus,.blanterinput textarea:focus{outline:none}.blanterinput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s ease all}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:14px;color:#07ACEC}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#07ACEC;transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.blanterinput input:focus ~ .bar:before,.blanterinput input:focus ~ .bar:after,.blanterinput textarea:focus ~ .bar:before,.blanterinput textarea:focus ~ .bar:after{width:50%}.highlight{position:absolute;height:50%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.blanterinput input:focus ~ .highlight,.blanterinput textarea:focus ~ .highlight{animation:inputHighlighter .3s ease}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:13px;color:#07ACEC}
input#ContactForm1_contact-form-email-message{height:150px}
input#ContactForm1_contact-form-submit{color:#fff!important;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;float:left;margin-top:15px}
input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
#ContactForm1_contact-form-error-message{float:right;background:#D32F2F;color:#fff;font-size:13px;font-weight:700;border-radius:3px}#ContactForm1_contact-form-success-message{float:right;background:#4CAF50;color:#fff;font-size:13px;font-weight:700;border-radius:3px}
</style>
<form name="contact-form">
<div class="blanterinput">
<input class="validate" id="ContactForm1_contact-form-name" name="name" required="" type="text" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>Name</label>
</div>
<div class="blanterinput">
<input class="validate" id="ContactForm1_contact-form-email" name="email" required="" type="email" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>Email</label>
</div>
<div class="blanterinput">
<textarea class="validate" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" required="" rows="5"></textarea>
<span class="highlight"></span>
<span class="bar"></span>
<label>Message</label>
</div>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</form>
<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'] = '8899800899420715293';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8899800899420715293','//sempetin.my.id/','8899800899420715293');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': '<span style="padding:5px 10px">Sending...</span>', 'contactFormMessageSentMsg': '<span style="padding:5px 10px">Your message has been sent.</span>', 'contactFormMessageNotSentMsg': '<span style="padding:5px 10px">Message could not be sent. Please try again later.</span>', 'contactFormInvalidEmailMsg': '<span style="padding:5px 10px">A valid email address is required.</span>', 'contactFormEmptyMessageMsg': '<span style="padding:5px 10px">Message field cannot be empty.</span>', 'title': 'Contact Form', 'blogId': '8866800899420715293', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
Ganti tulisan yang di mark Merah dengan URL Blog anda.
Ganti tulisan yang di mark Hijau dengan ID Blog kalian.
Langkah 3
Publikasikan halaman yang sudah dibuat.
Mudah kan? itu dia cara pemasangan Contact Form pada halaman statis blogger, jika kalian memiliki pertanyaan seputar Contact Form silahkan tanyakan melalui kolom komentar dibawah artikel ini. Kami siap membantu anda selama bisa dan tidak terhalang kesibukan.

Sekian dulu artikel yang bisa kami berikan, semoga dengan adanya artikel ini bisa menambah pengetahuan anda seputar dunia blogging, dan semoga bermanfaat.
Terima kasih
web hosting surabaya cpanel web hosting beli web hosting daftar domain membuat web hosting jakarta web hosting wordpress hosting indonesia indo web hosting web hosting termurah hosting indonesia gratis singapore hosting sewa web hosting hosting tangguh buy hosting vps hosting indonesia web hosting indonesia terbaik web hosting indonesia gratis web hosting terbaik hosting web beli domain dan hosting murah web hosting murah beli hosting murah daftar web hosting shared hosting murah web hosting murah unlimited web hosting indonesia web hosting terbaik indonesia hosting murah unlimited review hosting indonesia 70 Rp 2.03 0.47 web hosting terbaik di indonesia 90 Rp 1.96 0.46 hosting terbaik 1600 Rp 1.91 0.42 sewa hosting murah 30 Rp 1.9 0.79 hosting indonesia terbaik 390 Rp 1.89 0.4 paket hosting murah 40 Rp 1.87 0.96 vps hosting murah 30 Rp 1.85 0.97 jasa web hosting 30 Rp 1.78 0.73 hosting terbaik indonesia 880 Rp 1.77 0.44 web hosting murah indonesia 70 Rp 1.77 0.71 best hosting indonesia 90 Rp 1.7 0.62 hosting murah 5400 Rp 1.7 0.93 domain id 1000 Rp 1.69 0.45 hosting cpanel 110 Rp 1.69 0.61 hosting dan domain 210 Rp 1.66 0.64 hosting free 880 Rp 1.66 0.64 top 10 web hosting indonesia 50 Rp 1.64 0.67 bisnis hosting 50 Rp 1.63 0.43 jual domain murah 210 Rp 1.62 0.89 web hosting gratis 2900 Rp 1.62 0.55 beli domain dan hosting 590 Rp 1.6 0.68 domain hosting indonesia 50 Rp 1.6 0.82 beli hosting 390 Rp 1.58 0.72 bisnis web hosting 20 Rp 1.57 0.73 email hosting indonesia 260 Rp 1.56 0.46 membuat server hosting sendiri 70 Rp 1.52 0.16 free hosting and domain 480 Rp 1.51 0.64 harga domain 880 Rp 1.49 0.51 telkom hosting 90 Rp 1.49 0.1 hosting indonesia murah 90 Rp 1.46 0.88 hosting terbaik di indonesia 210 Rp 1.46 0.5 cara hosting web 480 Rp 1.44 0.38 unlimited hosting 140 Rp 1.44 0.92 biznet hosting 140 Rp 1.42 0.22 unlimited hosting indonesia 50 Rp 1.42 0.88 top hosting indonesia 30 Rp 1.41 0.58 hosting yang bagus 50 Rp 1.4 0.48 asian brain hosting 40 Rp 1.39 0.19 domain dan hosting murah 170 Rp 1.39 0.94 domain hosting murah 320 Rp 1.37 0.63 cara beli domain 320 Rp 1.35 0.48 beli domain murah 880 Rp 1.34 0.72 plasa hosting 260 Rp 1.34 0.15 hosting murah indonesia jagoan hosting surabaya jual domain hosting server indonesia cara pindah hosting pasarhosting sewa domain webhost cpanel hosting hosting murah berkualitas domain dan hosting harga hosting membuat server hosting daftar hosting harga hosting dan domain windows hosting indonesia jasa hosting terbaik jasa hosting murah hosting indonesia domain paling murah hosting termurah indonesia pengertian domain dan hosting hosting gratis terbaik domain dan hosting gratis