Membuat Contact From Pada Blogger

Contact From adalah formulir contac yang berguna menjadi sarana untuk menyampaikan sebuah kritik maupun saran atau hal lain nya terhadap konten sebuah blog dari seorang pengunjung ke pada pemilik blog tersebut, dan jika anda ingin memasang formulir kontak pada blog anda sperti hal nya yang ada pada paritshare ini, anda dapat mengikuti langkah - langkah di bawah ini :

1. Tambahkan Widget Kontak Formulir dulu ke blog anda dengan cara masuk ke Tata Letak lalu Tambah Gadget dan pilih Formulir Kontak dan lalu simpan

2. Agar Widget Kontak yang di buat tidak berada pada sidebar blog dan berbentu sebuah laman baru, maka masuk lah kebagian Laman dan buat lah Laman Baru

3. Pada lembar kerja laman masuklah ke mode HTML dan pastekan kode dibawah ini 

lalu simpan 

<div id="contact_wrap">
<h3>
Hubungi Kami</h3>
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Nama" 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="Pesan" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<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>
</div>
<style type="text/css">
/* Menyembunyikan elemen dalam postingan */
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
</style>

ikutilah pengaturan yang seperti ada di dalam gambar di atas

4. Kemudian masuk ke Template dan pilih Edit HTML

5. Carilah Kode ]]></b:skin> , gunakan kombinasi tombol CTRL+F untuk mempermudah

pencarian kode , Kemudian pastekan lah kode dibawah ini tepat di atas kode ]]></b:skin>

lalu simpan perubahan Template

/* CSS Contact Form Dark Theme by wahidlovers.blogspot.com */

#ContactForm1{display:none;}#contact_wrap {margin: auto;width: 321px;height: 380px;padding: 25px;border-radius: 1em;border: #600 solid 1px;border-bottom: #420000 solid 1px;background-color:#983738;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bf5355', endColorstr='#983738');background-image:-webkit-linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);background-image:-moz-linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);background-image:-ms-linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);background-image:-o-linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);background-image:linear-gradient(top, #bf5355 0%, #a94244 50%, #983738 100%);}#contact_wrap h3{color: #fff;font-family:Georgia;font-size: 20px;font-style:italic;font-weight:bold;margin: 0 -36px 20px -36px;padding: 12px;text-align: center;text-shadow: 2px 0 0 #3b5931;-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #111;-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #111;box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #111;background-color: #659156;position: relative;}#contact_wrap h3:before {content: ' ';position: absolute;bottom: -10px;left: 0;width: 0;height: 0;border-style: solid;border-width: 10px 0 0 10px;border-color: #000 transparent transparent transparent;}#contact_wrap h3:after {content: ' ';position: absolute;bottom: -10px;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent transparent #000;}#ContactForm1_contact-form-name{width: 270px;height:auto;margin: 5px auto;padding: 10px 10px 10px 40px;background:#2b2e31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0HqVkfNJCQQPWCjsIDuvqHgcBMiRKijHc58-1oNbMzAiSDNl6kAgGbuFxksC_aK89qPp3MaVoltT3WFYh7mVofg4q3-KM42Huypnhj-Nn686c2qZVqmeDdLmyMx4dstnfd2nUnE-Bx14/s1600/user.png)no-repeat 10px center;color:#d2d2d2;border:1px solid #ce6d6e;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;}#ContactForm1_contact-form-email{width: 270px;height:auto;margin: 5px auto;padding: 10px 10px 10px 40px;background: #2b2e31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixKgu7BF99ErwfXHI5j7qQ7-elBed6LyIUZKeM1D58KYm7GU3vOUNfy23gA7NuL4T5JBuLVwTR77uwL4LxSn7n13Evw5CZ6P-X0xmasD5w2tJoWTJ8UkfWxisbvWwTAKhwIrx60F1mZ0U/s1600/pen.png)no-repeat 10px center;color:#d2d2d2;border:1px solid #ce6d6e;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;}#ContactForm1_contact-form-email-message{width: 270px;height: 150px;margin: 5px auto;padding: 10px 10px 10px 40px;font-family:Arial, sans-serif;background: #2b2e31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8m5yRSZ46629Zy1Nwv8GXxbHx2OkdDINbZgRIHOQ2gQT4FBs8lijl6FHKz9apeP_Y55JFE0rO1Szrk8E0eee44kkASecV2qRgQFA6P4DGIAnMu1RJCNj5GLcN4YLJ686ohjAYx97ClnM/s1600/msg.png)no-repeat 10px 10px;color:#d2d2d2;border:1px solid #ce6d6e;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #ce6d6e 0px 1px 0px;}#ContactForm1_contact-form-submit {width: 95px;height: 30px;float: right;color: #FFF;padding: 0;cursor:pointer;margin: 25px 0 3px 0 0;background-color:#005a8a;border-radius:4px;text-shadow: 1px 0 0 #1f4962;-webkit-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;-moz-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;background-color: #659156;border:1px solid #333;}#ContactForm1_contact-form-submit:hover {background:#5d894d;}#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width: 320px;margin-top:35px;}

7. Masuklah kembali ke bagian Laman tadi , pada bagian laman baru yang dibuat pada 

langkah 2 dan 3 tadi kemudian klik tulisan Lihat untuk membuka Laman From Contact 

yang telah dibuat

8. Finish

Anda tinggal menambahkan URL Laman from kontak tadi pada menu horizontal atau menu vertical yang terdapat pada blog anda. Dan setiap Komentar yang terkirim melalui from ini akan masuk ke email yang anda gunakan dalam membuat akun blogger anda.

Artikel ini saya adaptasi dari blog http://wahidlovers.blogspot.com/ dengan penambahan beberapa screenshoot untuk memperjelas langkah tutorial nya dan penyesuain pada lembar kerja Blogger yang baru, anda juga dapat mengunjungi blog tersebut untuk melihat skin form kontak yang baru.