الاثنين، 30 سبتمبر 2013

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


السلام عليكم ورحمة الله وبركاته
إن شاء الله نقدم لكم إخواني وأخواتي وهي
طريقة إضافة صندوق الاشتراك في القائمة البريدية للمدونة 
بشكل جميل وبسهولة تامة
والذي يسهل للزوار الاشتراك عن طريقه في خلاصة المدونة وبالتالي استلام نشرة دورية لمواضيع مدونتك المتجددة
على إيميلاتهم

نبدأ بسم الله

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

<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=nahrelma3refa' 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/AVvXsEgwaUll2Ku8D8ogW_Ysiycm9Dc5KDJGxsohIgNh-2_XHl3fy0htk3lMVWP5GjPHnjlCt-S2_woCWmUuazl7sMBKeSaNTgfooJbu4kVz1zRthPtY0dzSufgpuIKGsOK3pwpvftddCzL1Uxg/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/AVvXsEheXYs_Bu7iPscD6P58N-pMPgGpcRgM1JIaOxOy11cI-0r7-yYHGQYnhWh6lnC_iz1TFC-R-Urj_yt6CDXpBZ0OVrF53qK3hclkkelFih8e-Hcw-f3PmTkmUs3YFG2uvtmPbsITu8yJtbM/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>


ثم غير nahrelma3refa بعنوان خلاصة مدونتك
واضغط حفظ

وحرك الأداة إلى مكان ترغب ظهور الأداة فيه
ومبروك عليك الإضافة
 دمتم في أمان الله 
 ولا تنسونا من صالح دعائكم
قسم / شروحات ومواقع (بلوجر أدسنس يوتيوب الربح)

هناك تعليقان (2):

  1. السلام عليكم طريقة رائعة و لقد قمت بتطبيقها على مدونتي شكرا لك
    .
    .
    http://el-amal1.blogspot.com/

    ردحذف
  2. شكرا
    http://th3prodza.blogspot.com/

    ردحذف

ساهم في الارتقاء بالمحتوى بتعليق بناء أو نصيحة هادفة وجودك هنا شرف لنا وتواصلك معنا وسام على صدرنا