أضافة أداة ضع اميلك ليصلك كل جديدنا

من اجل المحافظة علي استمرارية تتبع الزوار لمدونتك اليوم سنقدم أداة توفر للزوار كل ماهو جديد في مدونتك , فما علي الزاوار الي وضع البريد الالكتروني الخاص به في علبة أشترك حتي يصلهم كل جديد مدونتك تلقائيا علي بريد الالكتروني , فهي اضافة جميلة أنصح كل من يملك مدونة  لاضافتها لما لها دور في الحفاظ علي زوار مدونتك ....

من اجل الحصو علي هذه الاداة الرائعة :

• نسجل الدخول الي للوحة تحكم البلوجر , نختار تخطيط .
• نقوم باضافة اداة Html/JavaScript
• نقوم باضافة الكود التالي .

<center> <div class="sub"> <h5> ضع إيميلك ليصلك كل جديد موقع</h5> <div class="ins"> <div id="sleek-subscribe"> <form action="http://feedburner.google.com/******" class="signform" method="post" target="_new"> <input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا';}" onfocus="if (this.value == 'ضع اميلك هنا') {this.value = '';}" value="ضع اميلك هنا" /> <input class="btn2" type="submit" value=" " /> </form> </div> </div> </div> <style> .sub{ width:290px; height:130px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeI9iRfFZhicnhtW7Me6o548KJ2ClMHCz3fnnOuJ-EMF7BFCf7bw8e24WNIEwmxkrEvXO5c57TsYxjZwgR1NO-OZ1UmamXS9tGmk22UjLWByIu1L_jz114DM9JNiibsCzuVKsswIFLzrI/s1600/bg.png); } .sub h5{ color:#2d2d2d; font:22px arial; margin: 0; padding:25px 0 0 0; text-align:center; } .sub .ins{ width:261px; height:35px; margin: 12px auto 0; } .sub .ins .txt2{ border: 1px solid #E1E1E1; background: white; font: 12px Tahoma, Geneva, sans-serif; color: silver; padding: 10px 7px 9px 7px; margin: 0px; float: right; text-align: right; width: 136px; } .sub .ins .btn2{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWfusu3KixGrUnTrLyJ11iaJ4kr_yGTmbmXRkJT-wr23q0AdQgNnIJAhrUFy03OPw6LD6UeqxXIe0oOhNYyZVK3lArvvkjynaPj_0QkWykHxK8CSY84lVt0xoezkIm7ckWhPovDBgGvKk/s1600/send.png); float:left; border:none; width:104px; height:33px; cursor:pointer; margin-top:1px; } </style></center>

تعديل علي الكود :

• نقوم بستبدال ***** النجوم   برابط خلاصتك .