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

بسم الله الرحمن الرحيم

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

اليكم طريقة التركيب البسيطة:

اذهب الى لوحة التحكم ثم اختار تخطيط وقم بأضافة اداة HTML/Javascirpt وقم بوضع هاذا الكود داخل الاداة

class="sub"> <h5>ضع إيميلك ليصلك كل جديد المدونة</h5> <div class="ins"> <div id='sleek-subscribe'> <form action='http://feedburner.google.com/fb/a/mailverify?uri=sofrtq' 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/AVvXsEgE5LLq3Path3yz5SBK-SfagfUxPBC7LXsEfLHogCf2vDq_BLOJc7j3NHqtnUyxUdq5jgMHVUZu6rTeBW0cINgXzdXhORVjvVjTvaXBamu2RAWsghPlHytyZYxmIH2X5qcbxnj_Y7f2bdU/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/AVvXsEiFVkYJSoXkM02xO0sdirKrJi8MZWJUlVxVcVxSiG8pfeh760U1gtmGIEJWiNL7QgsxVFeQfpLzZnkweFcnE7m9a_2hzDShzVrFzd22AtYOdTLwuV9V80-h9hP688NvEzNODFQtgG9svJM/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>

ملاحظة : قم بتغير الكلمة الحمراء sofrtq الى اسم خلاصة مدونتك والان قم بالخفظ واذهب الى مدونتك ومبروك عليك الاضافة.

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

مع تحياتي للجميع:)