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

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

اهلا بكم متابعي مدونة حمزه ويب وزوارة الكرام في هذه تدوينة جديدة وحصرية 

على مدونة حمزه ويب

راح نقدم  لكم اضافة رائعة واحترافية للمدونات بلوجر وهي 

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

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

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

 <style type='text/css'>     #blogolect_Subscriber_name{background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmdvHuehucMNCoFDXPbzPXmpZ0ywoiJPYYNNOuponek344j34W-x-ipj-aBjOE1XYHTruRYd0wO0lJKhWj8_J61jjDand6ZJra8PISngCVcrRJsascuqcDAjYxnPes5Gmik4X5RId83w8/s1600/name+icon.png) no-repeat center right;}     #blogolect_Subscriber_email{background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjopBaEoajB9zJehAlh8tzYQOfcPJGXsMhZPKK7sejtY2_Vs6iZwhbuIib-1zoLy6hB1-52JyZ6khzahE01wt_XR5Heq1NEFrQ1eSXK49sfWhFnawMuQLHErpm6PRDn8AvhP_nmFCEPrXc/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> 

ثم غيير هذا رابط http://feeds.feedburner.com/blogspot/FcwSx
برابط حسابك على feedburner

وانتظروا كل جديد وحصري من حمزه ويب 

في امان الله