صندوق الاشتراك مثل مدونة محترفي الحماية (المحترف) 2015 ~ محترف الهدايا

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

الالكتروني الموجودة في مدونة محترفي الحماية (المحترف)

الاضافة جميلة وسهلة التركيب

ناتي الان الى طريقة التركيب

اذهب الى لوحة التحكم في مدونتك ومن ثم اذهب الى تخطيط

اضافة اداة واختر HTML/Javascirpt وبعدها ضع هذا الكود

<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=khamaiseh' 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/AVvXsEgqP-AYtjmsbzss9y-tVwwyChmzVVIzeZZJNmSP4dcKphj4hewwNA5MVjwJuRDz9SXlpfxeg03oPh_dieFk9O-4-t6cxidaxhUwR24HjZ4OjGBs2Mwf4P6VNz_X3PFD7px1Ucy4Jw3B-bI/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/AVvXsEiljhrG-GBUKFhXGT8lYGqqFHY0J-RwozMI3J_ojqr69oqorI1VveYBmB_lDS5CuG5l72IPAf11Lcyqc-igMUPq7qoYbUhdVk_oHbh-Z-Yy9xae4Z6Pr6l10RmdeOnGzCzSEqA3x_L8yEY/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>

مع تغيير كلمة Khamaiseh باللونة الاحمر باسم خلاصتة مدونتك

الان اظغط على حفظ واذهب الى مدونتك ومبرووكـ عليك الاضافة

إلى هنا نأتي إلى ختام درسنا اليوم على أمل أن نلتقي في دروس قادمة إن شاء الله

وأي استفسار في جزء التعليقات جزاكم الله خيرا.

المصدر: http://www.gateblogger.me/2013/01/blog-post_4.html