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

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


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

نبدأ بسم الله

اذهب للوحة تحكم مدونتك من هنا
ومن ثم إلى التخطيط ثم إضافة أداة
ثم إضافة أداة وظيفة طرف ثالث 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/

    ردحذف

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