شرح كيفيه اضافه صندوق الاشتراكات مثل موقع المحترف بطريقه مميزه وسهله

بسم الله الرحمن الرحيم اللهم صل علي نبينا محمد في الاولين وصل عليه في الاخرين وصل عليه في كل وقت وحين وصل عليه في الملا الاعلي الي يوم الدين , اليوم ساقدم لك اضافة طلبت مني وهي صندوق الاشتراك مثل موقع المحترف وهذه الاداه جميله وبسيطه جداً وسهله التركيب الان ساقدم لكم الاداه مجاناً وبدون مقابل وسهلة التركيب

* كيفية التركيب

نذهب للوحة التحكم ثم اضافة اداة جديدة جافا اسكربت وتضيف الكود التالي:

<div class='clear'></div><div class='widget HTML' id='HTML1'>
<div class='widget-content'>
<center><div class="sub">
<h5>ضع إيميلك ليصلك كل جديد بوابة البلوجر</h5>
<div class="ins">
<div id='sleek-subscribe'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=alqaaod' 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:300px;height:130px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUy2PnEknJS4iDTop71pmUMwiJ9qrC-fWuvRu1KnDOi8i8qlYSD-PXDCaUSFswoco6TY4F1z5rOHdrwxljzJlNy6gUZgS-rkrmdUoNjAsPcX1UiAIr0QcogQyFcte6pQovOJmZuNwLCGY/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/AVvXsEhJdaLhMsYlLSuMAKvpIkN_dDaonWQ-yhCIUbjE_RF2CEJlMitd8CXhzKoZ64xt-qh85RoWIIROiX_jzxAT_RK3kV54hAFEBOx0Zw56wE2btOhwrrG5HgIjFYrT4R1q8LizOMSJOblm1ww/s1600/send.png);float:left;border:none;width:104px;height:33px;cursor:pointer;margin-top:1px;}</style></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=4333142131555820750&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=sidebar-left-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span></span></div>