اضافة صندوق الاشتراك فى القائمة البريدية بشكل جديد
الزيارات:
الزيارات:
AboYazan
|
الاثنين, فبراير 11, 2013
|
اضافات بلوجر
اللهم اغفر لنا ذنوبنا اللهم صل وسلم وزد وسلم وبارك علي نبينا ورسولنا محمد صلي الله عليه وسلم اما بعد اليوم بعد طول انتظار لقد وجدت جميع المدونات قد كتبت الموضوع بشكل غير صحيح وكان به بعض المشاكل التي واجهت كل من وضع هذا الصندوق فقد قررت عمل موضوع كامل وسهل التركيب وبدون مشاكل
كيفية اضافة الصندوق
ندخل الي لوحة التحكم ثم اضافة اداة 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&fg=444444&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§ionId=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;
}
و أخيرا مبروك عليك الصندوق بدون مشاكل
اذا اردت وضع عداد للاشتراكات غير كودك بالكود الملون بالاحمر
الأقسام :-
اضافات بلوجر
بقلم :- مصطفى
مصطفى صاحب موقع ستارت كاش من مصر، أكتب عادة حول طرق تحسين مدونات بلوجر و طرق الربح من الأنترنت. يمكن متابعتي على تويتر Twitter أو عبر خلاصات موقعى هذه.شارك أصدقاءك
روابط هذه التدوينة قابلة للنسخ واللصق | |
URL | |
HTML | |
BBCode |
0 تعليقات :- :
إرسال تعليق