اضافة نموذج اتصال بشكل احترافي ورائع

طريقة تركيب اضافة

1. لوحة تحكم
2. تخطيط
3. اضافة اداه 
4. HTML/javascript
5. واضف هذا كود

 <style type='text/css'>     #blogolect_Subscriber_name{background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZJTfGoY0PSHZat_Sm9dpWSmtvc7L9ZkG6e_aiQVMcDN8o988jTmke8SsoNLVCFQt8Hc_aGTU8ETPN2Keqg2Oiv5CdSuyTIqoE_-finX0RcjZiqPKuPMw6aTqSNhYFPWvW97xPGQ4-LI/s1600/name+icon.png) no-repeat center right;}     #blogolect_Subscriber_email{background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TSmwuXHFtc_qxqgKvpn1y3P4Vtw1Cn3zqQaGy-wwyZSIA3uMRxjaJd7IOcOvKp176jv0MTsNdPwZDvfflF12uKlfMp_KIu_jQq81VhdqYblCl6lJYg61Fb5jA9xYdFRedA98iIl59qA/s1600/email+icon.png) no-repeat center right;}     #bgt-emailsubs {      width: 300px;      height: 265px;      border: 2px solid #ddd;      border-radius: 5px 5px 1px 1px;     }     #bgt-emailsubs .header {     background: none ;     color: #a3a3a3;     font-size: 28px;     line-height: 36px;     padding: 15px 25px;     font-weight: 700;     font-family: "ge_dinar";     text-align: center;     }   #bgt-emailsubs p {    font-family: "ge_dinar";    line-height: 26px;    font-size: 13px;    color:#333;    padding: 10px 20px 0 20px;    margin: 0;   }   #bgt-emailsubs .emailsub {    padding: 0px 20px 10px 20px;   }   #bgt-emailsubs .emailsub .button {    background: #2aa4cf;    color: #ddd!important;    font-weight: bold;    margin-right: 5%;    width: 100%;    border:none;    outline: none;    border-bottom: 3px solid #99E4FE;    transition:background .3s linear;    cursor:pointer;   }   #bgt-emailsubs .emailsub input {    color: #333;    width: 92%;    padding: 10px;    margin-top: 10px;    font-family: "ge_dinar";    font-size: 15px;    border: 1px solid #ccc;    border-bottom: 2px solid #ccc;    border-radius: 5px;    transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;   }   #bgt-emailsubs .emailsub input:focus {    outline: none;    box-shadow: 0 0 3px 1px #2aa4cf;   }   #bgt-emailsubs .emailsub .button:hover{background: #1D7290;   }     </style><link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/><div id='bgt-emailsubs'>            <div class='header'>            اشترك ليصلك جديدنا            </div>                <div class='emailsub'>            <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feeds.feedburner.com/blogspot/FcwSx?uri=blogolect', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">          <input class="name" id="blogolect_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="أدخل اسمك" /><br /><input class="email" id="blogolect_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';"  type="text" value="أدخل بريدك الاكتروني" /><br />            <input type="hidden" value="blogolect" name="uri"/>            <input type="hidden" name="loc" value="en_US"/>                        <input value="اشتراك" class="button" type="submit" />            </form>            </div></div>