Modifikasi Widget Contact Form

Modifikasi Widget Contact Form

8 Comments

Sebelumnya saya pernah memposting cara pasang widget contact form bawaan blogger. Pada kesempatan ini saya akan share bagaimana cara modifikasi widget contact form untuk blogspot dan membuat tampilannya menjadi beberapa pilihan warna. Saya akan terangkan cara pemasangan widget contact form ini secara dan semoga bisa ditangkap oleh kita semua. Baiklah, Sekarang mari kita bahas cara modifikasi widget contact form untuk blogspot. Ikuti langkah berikut.
Sebelumnya saya sudah pernah share cara pasang
Log in ke blogger
Klik Rancangan
Klik Tambah Gadget
Pilih Formulir Kontak

formulir contact
Selanjutnya klik Simpan
Klik Template
Klik Edit HTML
Masukkan kode berikut di atas kode ]]></b:skin>
#ContactForm1{display: none ! important
Selanjutnya klik Laman dan Pilih Laman Kosong seperti gambar di bawah ini.

laman baru

Selanjutnya klik HTML area pada sebelah kiri atas. Lihat gambar berikut.

mode HTML area

Masukkan kode formolir kontak ke dalamnya. Silahkan pilih salah satu yang menurut anda menarik.

Style 1

contact form style 1

<style>
.mdform{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#bddbfa),color-stop(1,#80b5ea)); background:-moz-linear-gradient(top,#bddbfa 5%,#80b5ea 100%); background:-webkit-linear-gradient(top,#bddbfa 5%,#80b5ea 100%); background:-o-linear-gradient(top,#bddbfa 5%,#80b5ea 100%); background:-ms-linear-gradient(top,#bddbfa 5%,#80b5ea 100%); background:linear-gradient(to bottom,#bddbfa 5%,#80b5ea 100%); background-color:#bddbfa;border:1px solid #509dfa;padding:5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}label{font-family:Verdana,Arial;margin:0;padding:0;text-align:left;font-size:15px;font-weight:bold}fieldset{padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #509dfa}.redi{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.text-input{margin:0 2px;padding:4px 6px;border:1px solid #509dfa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:gergia;font-style:italic;-webkit-box-shadow:1px 1px 1px #509dfa;-moz-box-shadow:1px 1px 1px #509dfa;box-shadow:1px 1px 1px #509dfa; font-size:14px; color:#666; max-width:auto}#ContactForm1_contact-form-submit{-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb; -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb; box-shadow:inset 0px 1px 0px 0px #dcecfb; background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#bddbfa),color-stop(1,#80b5ea)); background:-moz-linear-gradient(top,#bddbfa 5%,#80b5ea 100%); background:-webkit-linear-gradient(top,#bddbfa 5%,#80b5ea 100%); background:-o-linear-gradient(top,#bddbfa 5%,#80b5ea 100%); background:-ms-linear-gradient(top,#bddbfa 5%,#80b5ea 100%); background:linear-gradient(to bottom,#bddbfa 5%,#80b5ea 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa',endColorstr='#80b5ea',GradientType=0); background-color:#bddbfa; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #84bbf3; display:inline-block; color:#fff; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #528ecc}#ContactForm1_contact-form-submit:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#80b5ea),color-stop(1,#bddbfa)); background:-moz-linear-gradient(top,#80b5ea 5%,#bddbfa 100%); background:-webkit-linear-gradient(top,#80b5ea 5%,#bddbfa 100%); background:-o-linear-gradient(top,#80b5ea 5%,#bddbfa 100%); background:-ms-linear-gradient(top,#80b5ea 5%,#bddbfa 100%); background:linear-gradient(to bottom,#80b5ea 5%,#bddbfa 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea',endColorstr='#bddbfa',GradientType=0); background-color:#80b5ea}
</style>
<script>
var _0x7a0a=["\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x6D\x64\x66\x6F\x72\x6D\x27\x3E","\x77\x72\x69\x74\x65","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x61\x6B\x69\x6E\x67\x64\x69\x66\x66\x65\x72\x65\x6E\x74\x2E\x63\x6F\x6D\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x62\x6C\x61\x6E\x6B\x22\x3E\x3C\x69\x6D\x67\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x31\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x4E\x55\x6A\x52\x37\x5A\x6A\x31\x58\x6C\x45\x2F\x55\x59\x2D\x71\x55\x48\x72\x4D\x38\x59\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x41\x46\x77\x2F\x50\x6A\x46\x4C\x64\x30\x6F\x43\x6D\x79\x45\x2F\x73\x31\x36\x30\x30\x2F\x62\x6C\x61\x6E\x6B\x2E\x70\x6E\x67\x22\x20\x2F\x3E\x3C\x2F\x61\x3E","\x3C\x66\x69\x65\x6C\x64\x73\x65\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x72\x65\x64\x69\x27\x3E\x3C\x6C\x65\x67\x65\x6E\x64\x20\x63\x6C\x61\x73\x73\x3D\x27\x72\x65\x64\x69\x27\x20\x61\x6C\x69\x67\x6E\x3D\x27\x6C\x65\x66\x74\x27\x20\x73\x74\x79\x6C\x65\x3D\x27\x62\x6F\x72\x64\x65\x72\x3A\x31\x70\x78\x20\x73\x6F\x6C\x69\x64\x20\x23\x37\x46\x39\x44\x42\x39\x3B\x70\x61\x64\x64\x69\x6E\x67\x3A\x33\x70\x78\x20\x31\x30\x70\x78\x3B\x6D\x61\x72\x67\x69\x6E\x2D\x6C\x65\x66\x74\x3A\x32\x30\x70\x78\x3B\x27\x3E\x43\x6F\x6E\x74\x61\x63\x74\x20\x55\x53\x3C\x2F\x6C\x65\x67\x65\x6E\x64\x3E","\x3C\x66\x6F\x72\x6D\x20\x6E\x61\x6D\x65\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x27\x3E","\x3C\x74\x61\x62\x6C\x65\x20\x77\x69\x64\x74\x68\x3D\x22\x31\x30\x30\x25\x22\x3E","\x3C\x74\x72\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x6E\x61\x6D\x65\x27\x3E\x4E\x61\x6D\x65\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x6E\x61\x6D\x65\x27\x20\x6E\x61\x6D\x65\x3D\x27\x6E\x61\x6D\x65\x27\x20\x73\x69\x7A\x65\x3D\x27\x33\x30\x27\x20\x74\x79\x70\x65\x3D\x27\x74\x65\x78\x74\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x27\x2F\x3E\x3C\x2F\x74\x64\x3E","\x3C\x2F\x74\x72\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x27\x3E\x45\x6D\x61\x69\x6C\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x27\x20\x6E\x61\x6D\x65\x3D\x27\x65\x6D\x61\x69\x6C\x27\x20\x73\x69\x7A\x65\x3D\x27\x33\x30\x27\x20\x74\x79\x70\x65\x3D\x27\x74\x65\x78\x74\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x27\x2F\x3E\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x4D\x61\x73\x73\x61\x67\x65\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x74\x65\x78\x74\x61\x72\x65\x61\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x63\x6F\x6C\x73\x3D\x27\x32\x37\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x6E\x61\x6D\x65\x3D\x27\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x72\x6F\x77\x73\x3D\x27\x35\x27\x3E\x3C\x2F\x74\x65\x78\x74\x61\x72\x65\x61\x3E\x3C\x2F\x74\x64\x3E","\x3C\x2F\x74\x61\x62\x6C\x65\x3E","\x3C\x2F\x66\x69\x65\x6C\x64\x73\x65\x74\x3E","\x3C\x63\x65\x6E\x74\x65\x72\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x66\x62\x75\x74\x74\x6F\x6E\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x62\x6D\x69\x74\x27\x20\x74\x79\x70\x65\x3D\x27\x62\x75\x74\x74\x6F\x6E\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x53\x75\x62\x6D\x69\x74\x27\x2F\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x20\x63\x65\x6E\x74\x65\x72\x3B\x20\x6D\x61\x78\x2D\x77\x69\x64\x74\x68\x3A\x20\x32\x32\x32\x70\x78\x3B\x20\x77\x69\x64\x74\x68\x3A\x20\x31\x30\x30\x25\x27\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x3C\x2F\x70\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x63\x63\x65\x73\x73\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x63\x63\x65\x73\x73\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x3C\x2F\x70\x3E\x3C\x2F\x63\x65\x6E\x74\x65\x72\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x66\x6F\x72\x6D\x3E"];document[_0x7a0a[1]](_0x7a0a[0]);document[_0x7a0a[1]](_0x7a0a[2]);document[_0x7a0a[1]](_0x7a0a[3]);document[_0x7a0a[1]](_0x7a0a[4]);document[_0x7a0a[1]](_0x7a0a[5]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[7]);document[_0x7a0a[1]](_0x7a0a[8]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[10]);document[_0x7a0a[1]](_0x7a0a[11]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[12]);document[_0x7a0a[1]](_0x7a0a[13]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[14]);document[_0x7a0a[1]](_0x7a0a[15]);document[_0x7a0a[1]](_0x7a0a[16]);document[_0x7a0a[1]](_0x7a0a[17]);document[_0x7a0a[1]](_0x7a0a[18]);document[_0x7a0a[1]](_0x7a0a[19]);document[_0x7a0a[1]](_0x7a0a[20]);document[_0x7a0a[1]](_0x7a0a[21]);document[_0x7a0a[1]](_0x7a0a[20]);
</script>

Style 2

contact form style 2

<style>.mdform{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffec64),color-stop(1,#ffab23));background:-moz-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:-webkit-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:-o-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:-ms-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);background-color:#ffec64;border:1px solid #eb942a;padding:5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}label{font-family:Verdana,Arial;margin:0;padding:0;text-align:left;font-size:15px;font-weight:bold}fieldset{padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #eb942a}.redi{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.text-input{margin:0 2px;padding:4px 6px;border:1px solid #eb942a;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:gergia;font-style:italic;-webkit-box-shadow:1px 1px 1px #eb942a;-moz-box-shadow:1px 1px 1px #eb942a;box-shadow:1px 1px 1px #eb942a;font-size:14px;color:#666;max-width:auto}#ContactForm1_contact-form-submit{-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;box-shadow:inset 0px 1px 0px 0px #fff6af;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffec64),color-stop(1,#ffab23));background:-moz-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:-webkit-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:-o-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:-ms-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0);background-color:#ffec64;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #fa2;display:inline-block;color:#333;font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #fe6}#ContactForm1_contact-form-submit:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffab23),color-stop(1,#ffec64));background:-moz-linear-gradient(top,#ffab23 5%,#ffec64 100%);background:-webkit-linear-gradient(top,#ffab23 5%,#ffec64 100%);background:-o-linear-gradient(top,#ffab23 5%,#ffec64 100%);background:-ms-linear-gradient(top,#ffab23 5%,#ffec64 100%);background:linear-gradient(to bottom,#ffab23 5%,#ffec64 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0);background-color:#ffab23}</style>
<script>
var _0x7a0a=["\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x6D\x64\x66\x6F\x72\x6D\x27\x3E","\x77\x72\x69\x74\x65","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x61\x6B\x69\x6E\x67\x64\x69\x66\x66\x65\x72\x65\x6E\x74\x2E\x63\x6F\x6D\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x62\x6C\x61\x6E\x6B\x22\x3E\x3C\x69\x6D\x67\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x31\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x4E\x55\x6A\x52\x37\x5A\x6A\x31\x58\x6C\x45\x2F\x55\x59\x2D\x71\x55\x48\x72\x4D\x38\x59\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x41\x46\x77\x2F\x50\x6A\x46\x4C\x64\x30\x6F\x43\x6D\x79\x45\x2F\x73\x31\x36\x30\x30\x2F\x62\x6C\x61\x6E\x6B\x2E\x70\x6E\x67\x22\x20\x2F\x3E\x3C\x2F\x61\x3E","\x3C\x66\x69\x65\x6C\x64\x73\x65\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x72\x65\x64\x69\x27\x3E\x3C\x6C\x65\x67\x65\x6E\x64\x20\x63\x6C\x61\x73\x73\x3D\x27\x72\x65\x64\x69\x27\x20\x61\x6C\x69\x67\x6E\x3D\x27\x6C\x65\x66\x74\x27\x20\x73\x74\x79\x6C\x65\x3D\x27\x62\x6F\x72\x64\x65\x72\x3A\x31\x70\x78\x20\x73\x6F\x6C\x69\x64\x20\x23\x37\x46\x39\x44\x42\x39\x3B\x70\x61\x64\x64\x69\x6E\x67\x3A\x33\x70\x78\x20\x31\x30\x70\x78\x3B\x6D\x61\x72\x67\x69\x6E\x2D\x6C\x65\x66\x74\x3A\x32\x30\x70\x78\x3B\x27\x3E\x43\x6F\x6E\x74\x61\x63\x74\x20\x55\x53\x3C\x2F\x6C\x65\x67\x65\x6E\x64\x3E","\x3C\x66\x6F\x72\x6D\x20\x6E\x61\x6D\x65\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x27\x3E","\x3C\x74\x61\x62\x6C\x65\x20\x77\x69\x64\x74\x68\x3D\x22\x31\x30\x30\x25\x22\x3E","\x3C\x74\x72\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x6E\x61\x6D\x65\x27\x3E\x4E\x61\x6D\x65\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x6E\x61\x6D\x65\x27\x20\x6E\x61\x6D\x65\x3D\x27\x6E\x61\x6D\x65\x27\x20\x73\x69\x7A\x65\x3D\x27\x33\x30\x27\x20\x74\x79\x70\x65\x3D\x27\x74\x65\x78\x74\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x27\x2F\x3E\x3C\x2F\x74\x64\x3E","\x3C\x2F\x74\x72\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x27\x3E\x45\x6D\x61\x69\x6C\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x27\x20\x6E\x61\x6D\x65\x3D\x27\x65\x6D\x61\x69\x6C\x27\x20\x73\x69\x7A\x65\x3D\x27\x33\x30\x27\x20\x74\x79\x70\x65\x3D\x27\x74\x65\x78\x74\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x27\x2F\x3E\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x4D\x61\x73\x73\x61\x67\x65\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x74\x65\x78\x74\x61\x72\x65\x61\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x63\x6F\x6C\x73\x3D\x27\x32\x37\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x6E\x61\x6D\x65\x3D\x27\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x72\x6F\x77\x73\x3D\x27\x35\x27\x3E\x3C\x2F\x74\x65\x78\x74\x61\x72\x65\x61\x3E\x3C\x2F\x74\x64\x3E","\x3C\x2F\x74\x61\x62\x6C\x65\x3E","\x3C\x2F\x66\x69\x65\x6C\x64\x73\x65\x74\x3E","\x3C\x63\x65\x6E\x74\x65\x72\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x66\x62\x75\x74\x74\x6F\x6E\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x62\x6D\x69\x74\x27\x20\x74\x79\x70\x65\x3D\x27\x62\x75\x74\x74\x6F\x6E\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x53\x75\x62\x6D\x69\x74\x27\x2F\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x20\x63\x65\x6E\x74\x65\x72\x3B\x20\x6D\x61\x78\x2D\x77\x69\x64\x74\x68\x3A\x20\x32\x32\x32\x70\x78\x3B\x20\x77\x69\x64\x74\x68\x3A\x20\x31\x30\x30\x25\x27\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x3C\x2F\x70\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x63\x63\x65\x73\x73\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x63\x63\x65\x73\x73\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x3C\x2F\x70\x3E\x3C\x2F\x63\x65\x6E\x74\x65\x72\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x66\x6F\x72\x6D\x3E"];document[_0x7a0a[1]](_0x7a0a[0]);document[_0x7a0a[1]](_0x7a0a[2]);document[_0x7a0a[1]](_0x7a0a[3]);document[_0x7a0a[1]](_0x7a0a[4]);document[_0x7a0a[1]](_0x7a0a[5]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[7]);document[_0x7a0a[1]](_0x7a0a[8]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[10]);document[_0x7a0a[1]](_0x7a0a[11]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[12]);document[_0x7a0a[1]](_0x7a0a[13]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[14]);document[_0x7a0a[1]](_0x7a0a[15]);document[_0x7a0a[1]](_0x7a0a[16]);document[_0x7a0a[1]](_0x7a0a[17]);document[_0x7a0a[1]](_0x7a0a[18]);document[_0x7a0a[1]](_0x7a0a[19]);document[_0x7a0a[1]](_0x7a0a[20]);document[_0x7a0a[1]](_0x7a0a[21]);document[_0x7a0a[1]](_0x7a0a[20]);
</script>

Style 3

contact form style 3

<style>.mdform{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#b8e356),color-stop(1,#a5cc52));background:-moz-linear-gradient(top,#b8e356 5%,#a5cc52 100%);background:-webkit-linear-gradient(top,#b8e356 5%,#a5cc52 100%);background:-o-linear-gradient(top,#b8e356 5%,#a5cc52 100%);background:-ms-linear-gradient(top,#b8e356 5%,#a5cc52 100%);background:linear-gradient(to bottom,#b8e356 5%,#a5cc52 100%);background-color:#b8e356;border:1px solid #8a5f48;padding:5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}label{font-family:Verdana,Arial;margin:0;padding:0;text-align:left;font-size:15px;font-weight:bold}fieldset{padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #8a5f48}.redi{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.text-input{margin:0 2px;padding:4px 6px;border:1px solid #8a5f48;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:gergia;font-style:italic;-webkit-box-shadow:1px 1px 1px #8a5f48;-moz-box-shadow:1px 1px 1px #8a5f48;box-shadow:1px 1px 1px #8a5f48;font-size:14px;color:#666;max-width:auto}#ContactForm1_contact-form-submit{-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;box-shadow:inset 0px 1px 0px 0px #d9fbbe;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#b8e356),color-stop(1,#a5cc52));background:-moz-linear-gradient(top,#b8e356 5%,#a5cc52 100%);background:-webkit-linear-gradient(top,#b8e356 5%,#a5cc52 100%);background:-o-linear-gradient(top,#b8e356 5%,#a5cc52 100%);background:-ms-linear-gradient(top,#b8e356 5%,#a5cc52 100%);background:linear-gradient(to bottom,#b8e356 5%,#a5cc52 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356',endColorstr='#a5cc52',GradientType=0);background-color:#b8e356;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #83c41a;display:inline-block;color:#fff;font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #86ae47}#ContactForm1_contact-form-submit:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#a5cc52),color-stop(1,#b8e356));background:-moz-linear-gradient(top,#a5cc52 5%,#b8e356 100%);background:-webkit-linear-gradient(top,#a5cc52 5%,#b8e356 100%);background:-o-linear-gradient(top,#a5cc52 5%,#b8e356 100%);background:-ms-linear-gradient(top,#a5cc52 5%,#b8e356 100%);background:linear-gradient(to bottom,#a5cc52 5%,#b8e356 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52',endColorstr='#b8e356',GradientType=0);background-color:#a5cc52}</style>
<script>
var _0x7a0a=["\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x6D\x64\x66\x6F\x72\x6D\x27\x3E","\x77\x72\x69\x74\x65","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x61\x6B\x69\x6E\x67\x64\x69\x66\x66\x65\x72\x65\x6E\x74\x2E\x63\x6F\x6D\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x62\x6C\x61\x6E\x6B\x22\x3E\x3C\x69\x6D\x67\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x31\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x4E\x55\x6A\x52\x37\x5A\x6A\x31\x58\x6C\x45\x2F\x55\x59\x2D\x71\x55\x48\x72\x4D\x38\x59\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x41\x46\x77\x2F\x50\x6A\x46\x4C\x64\x30\x6F\x43\x6D\x79\x45\x2F\x73\x31\x36\x30\x30\x2F\x62\x6C\x61\x6E\x6B\x2E\x70\x6E\x67\x22\x20\x2F\x3E\x3C\x2F\x61\x3E","\x3C\x66\x69\x65\x6C\x64\x73\x65\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x72\x65\x64\x69\x27\x3E\x3C\x6C\x65\x67\x65\x6E\x64\x20\x63\x6C\x61\x73\x73\x3D\x27\x72\x65\x64\x69\x27\x20\x61\x6C\x69\x67\x6E\x3D\x27\x6C\x65\x66\x74\x27\x20\x73\x74\x79\x6C\x65\x3D\x27\x62\x6F\x72\x64\x65\x72\x3A\x31\x70\x78\x20\x73\x6F\x6C\x69\x64\x20\x23\x37\x46\x39\x44\x42\x39\x3B\x70\x61\x64\x64\x69\x6E\x67\x3A\x33\x70\x78\x20\x31\x30\x70\x78\x3B\x6D\x61\x72\x67\x69\x6E\x2D\x6C\x65\x66\x74\x3A\x32\x30\x70\x78\x3B\x27\x3E\x43\x6F\x6E\x74\x61\x63\x74\x20\x55\x53\x3C\x2F\x6C\x65\x67\x65\x6E\x64\x3E","\x3C\x66\x6F\x72\x6D\x20\x6E\x61\x6D\x65\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x27\x3E","\x3C\x74\x61\x62\x6C\x65\x20\x77\x69\x64\x74\x68\x3D\x22\x31\x30\x30\x25\x22\x3E","\x3C\x74\x72\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x6E\x61\x6D\x65\x27\x3E\x4E\x61\x6D\x65\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x6E\x61\x6D\x65\x27\x20\x6E\x61\x6D\x65\x3D\x27\x6E\x61\x6D\x65\x27\x20\x73\x69\x7A\x65\x3D\x27\x33\x30\x27\x20\x74\x79\x70\x65\x3D\x27\x74\x65\x78\x74\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x27\x2F\x3E\x3C\x2F\x74\x64\x3E","\x3C\x2F\x74\x72\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x27\x3E\x45\x6D\x61\x69\x6C\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x27\x20\x6E\x61\x6D\x65\x3D\x27\x65\x6D\x61\x69\x6C\x27\x20\x73\x69\x7A\x65\x3D\x27\x33\x30\x27\x20\x74\x79\x70\x65\x3D\x27\x74\x65\x78\x74\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x27\x2F\x3E\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x36\x30\x25\x27\x3E\x3C\x6C\x61\x62\x65\x6C\x20\x66\x6F\x72\x3D\x27\x6E\x61\x6D\x65\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x4D\x61\x73\x73\x61\x67\x65\x3C\x2F\x6C\x61\x62\x65\x6C\x3E\x3A\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x27\x34\x30\x25\x27\x3E\x3C\x74\x65\x78\x74\x61\x72\x65\x61\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x2D\x69\x6E\x70\x75\x74\x27\x20\x63\x6F\x6C\x73\x3D\x27\x32\x37\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x6E\x61\x6D\x65\x3D\x27\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x72\x6F\x77\x73\x3D\x27\x35\x27\x3E\x3C\x2F\x74\x65\x78\x74\x61\x72\x65\x61\x3E\x3C\x2F\x74\x64\x3E","\x3C\x2F\x74\x61\x62\x6C\x65\x3E","\x3C\x2F\x66\x69\x65\x6C\x64\x73\x65\x74\x3E","\x3C\x63\x65\x6E\x74\x65\x72\x3E\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x66\x62\x75\x74\x74\x6F\x6E\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x62\x6D\x69\x74\x27\x20\x74\x79\x70\x65\x3D\x27\x62\x75\x74\x74\x6F\x6E\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x53\x75\x62\x6D\x69\x74\x27\x2F\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x20\x63\x65\x6E\x74\x65\x72\x3B\x20\x6D\x61\x78\x2D\x77\x69\x64\x74\x68\x3A\x20\x32\x32\x32\x70\x78\x3B\x20\x77\x69\x64\x74\x68\x3A\x20\x31\x30\x30\x25\x27\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x3C\x2F\x70\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x63\x63\x65\x73\x73\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x63\x63\x65\x73\x73\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x3C\x2F\x70\x3E\x3C\x2F\x63\x65\x6E\x74\x65\x72\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x66\x6F\x72\x6D\x3E"];document[_0x7a0a[1]](_0x7a0a[0]);document[_0x7a0a[1]](_0x7a0a[2]);document[_0x7a0a[1]](_0x7a0a[3]);document[_0x7a0a[1]](_0x7a0a[4]);document[_0x7a0a[1]](_0x7a0a[5]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[7]);document[_0x7a0a[1]](_0x7a0a[8]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[10]);document[_0x7a0a[1]](_0x7a0a[11]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[6]);document[_0x7a0a[1]](_0x7a0a[12]);document[_0x7a0a[1]](_0x7a0a[13]);document[_0x7a0a[1]](_0x7a0a[9]);document[_0x7a0a[1]](_0x7a0a[14]);document[_0x7a0a[1]](_0x7a0a[15]);document[_0x7a0a[1]](_0x7a0a[16]);document[_0x7a0a[1]](_0x7a0a[17]);document[_0x7a0a[1]](_0x7a0a[18]);document[_0x7a0a[1]](_0x7a0a[19]);document[_0x7a0a[1]](_0x7a0a[20]);document[_0x7a0a[1]](_0x7a0a[21]);document[_0x7a0a[1]](_0x7a0a[20]);
</script>

Langkah terakhir, klik lagi Template
Klik Edit HTML
Klik Lompat Ke Widget
Pilih Contact Form1 seperti gambar di bawah
contac form1

Nanti anda akan di bawa ke kode yang dimaksud. Selanjutnya klik mata panah hitam disamping kiri. klik sampai terbuka kode seperi di bawah ini.

  <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>

</b:includable>
  </b:widget>

Hapus kode dengan background biru sehingga menjadi seperti berikut
  <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>
    <b:includable id='main'>
</b:includable>
  </b:widget>
</b:section>
Klik Simpan Template dan llihat hasilnya. Demikian tutorial cara pasang modifikasi widget contact form untuk blogspot. Semoga tutorial ini membawa manfaat bagi kita semua, amin. Selamat mencoba dan sukses selalu.

Source Code: Making Differnt


"keep spirits and do the best"
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.