اللهم اغفر لنا ذنوبنا اللهم صل وسلم وزد وسلم وبارك علي نبينا ورسولنا محمد صلي الله عليه وسلم  اما بعد اليوم بعد طول انتظار لقد وجدت جميع المدونات قد كتبت الموضوع بشكل غير صحيح وكان به بعض المشاكل التي واجهت كل من وضع هذا الصندوق فقد قررت عمل موضوع كامل وسهل التركيب وبدون مشاكل



كيفية اضافة الصندوق

ندخل الي لوحة التحكم ثم اضافة اداة  HtmL\JavaScript

وتضيف الكود التالي
<h2 class="title"> تابعنا عبر البريد الالكترونى</h2>     <div class="widget-content">     <div class="intro" style="border:#ececec 1px solid">     <a style="clear:right;margin-bottom:0.5em;margin-left:1em" imageanchor="1" href="feeds.feedburner.com/start4cash">     <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1H2rJb_kx4VIAPC5RjZwCDyQ6AUSLPOJqDswc3C9c6ucSU9lx_4MKOBDw-dlaHvlvuRUtoIKe-Sg6iYerTc4U25aQd_R-Bja7qRcRdu6bGbQkhS4Xg98jTpffbOm-euja3yzJYlPK8Q/s512/Social_Email_RSS.png" />     </a>     <p>أدخل بريدك الإلكتروني ليصلك كل جديد بالمدونه ومتابعتنا بكل سهوله ولا تنسي تفعيل الاشتراك من خلال صندوق الوارد بالبريد.</p>     <form rel="nofollow" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=start4cash', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" action="http://feedburner.google.com/fb/a/mailverify" dir="ltr">     <input type="hidden" value="start4cash" name="uri" />     <input type="hidden" value="en_US" name="loc" />     <p class="email-form">     <input class="sub" type="text" name="email" />     <input class="subbutton" type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8IJePSq98SOlkEjHX2WTXI5Dgtes3d2g8mHGAG-eIHSNamjESpqnu50wUFrcZBfYsTT-NoYaiWA-GeauB5Q9XnDVojlSq-bKRbx2OCJJ8HLJqgZSJqU15rMAj2aCpYTvkpwEubKoDww/s1600/button-mail.gif" alt="submit" />     </p>     </form>     <p align="center">     <a href="feeds.feedburner.com/start4cash">     <p><a href="http://feeds.feedburner.com/start4cash"><img src="http://feeds.feedburner.com/~fc/start4cash?bg=99CCFF&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p>     </a>     </p>     </div>     </div>     <div class="clear"></div>     <span class="widget-item-control">     <span class="item-control blog-admin">     <a class="quickedit" title="تحرير" rel="nofollow" target="configHTML8" onclick="return _WidgetManager._PopupConfig(document.getElementById("html8"));" href="http://www.blogger.com/rearrange?blogID=5271883380863636842&widgetType=HTML&widgetId=HTML8&action=editWidget&sectionId=sidebar-ads">     <img height="18" width="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="" />     </a>     </span>     </span>     <div class="clear"></div>

 ثم غير ما باللون الأزرق باسم الخلاصه الخاصه بك

ثم ابحث عن الكود التالي في القالب
]]></b:skin>



واضف قبله هذا الكود التالي

/* -------------------[ Subscribe Box ]------------------- */
.intro{ text-align:center; padding:12px 30px 30px 30px;}
p.email-form {
    width:220px;
    height:24px;
    margin:0;
    padding:0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0RFzcka4uNS8ts3Xt3xzvq_9EyiYphKUXOKCHOgKqXli85H79T-zhM3kGS52DSU1K1J-BwPVyVciFsnib54fZ7sgP967iTUpljMSmK6Y3eaoumZUFg5RXfmFW2YtDGneo0xvk0XgzJg/s1600/emailbg.gif) top right no-repeat;
    }

p.email-form .sub {
    color:#aaa;
    float:left;
    padding:4px 0 0 26px;
    width:130px;
    margin: 0;
    border:0;
    background:transparent;
    }

p.email-form .subbutton {
    margin: 0;
    float:right;
    font-size:8pt;
    width:52px;
    height:24px;
    text-align:center;
    border:0;
    text-indent:-10000em;
    background: transparent;
    border:0;
    }


و أخيرا مبروك عليك الصندوق بدون مشاكل

اذا اردت وضع عداد للاشتراكات غير كودك بالكود الملون بالاحمر

0 تعليقات :- :

إرسال تعليق