إضافة القائمة البريدية كالتي في مدونة شاهدنا

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

فى البداية :-

1 - سنقوم بالدخول إلى تبويب ( التخطيط )
2 - نقوم بأختيار ( أضافه أداة ) من العمود الأيسر
3 - نختار نوع الأضافة HTML/JavaScript
4 - نضع بها الكود التالى

<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=chahidna' class='signform' method='post' target='_new'> <input class='txt2' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ضع اميلك هنا&apos;;}' onfocus='if (this.value == &apos;ضع اميلك هنا&apos;) {this.value = &apos;&apos;;}' 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/AVvXsEj7oFCzQ08igUGSeuXDNh4vcoOp9XjLkWcE9lEA1PExrufpUHE1FNSRedwmniMBWm_tFHOAz4bWo4QJFmVi8K1YI45LLqHSQX3xJaIVbQRgUN-6wW8yc2nKyXVx9pHRP9nf-f3_vuKqFAA/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/AVvXsEg4lELMgh2N1SryBXUj99poBl8EZb1doU7FC8Yh-_iDAp3wuGKYLPsaWlX32NgTKicaxHiXhQfuI62SZQVR8nPvW2JNUZiJN4j1w1clPIUyrWDL5Yy_bgFt3i1BYt4fOkTjpalP4AFeGK4/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=1779057578675241550&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>

5 - يجب تغيير ما باللون الأحمر لرابط التغذية الخاص بمدونتك فى Feed Buner يعني تغير chahidna
6 - يمكنك بعد حفظ الأداة أنا تقوم بسحبها و وضعها فى المكان الذى يناسبك