مدونة أسامة | خطوتك نحو تطوير، والربح الالكتروني: صندوق الاشتراكات

صندوق الاشتراكات


السلام عليكم ورحمة الله وبركاته 

مدونة اضافات بلوجر
صندوق الاشتراكات الخاص بمدونة اضافات بلوجر
ان شاء الله النهاردة هنتعملم ازاي نضيف صندوق الاشتراكات بشكل جمالي في السايد بار الخاص بالمدونة
ومنذ فترة طلب مني أم الاولاد صاحبة مدونة ام الاولاد طريقة عمل صندوق الاشتراكات اسفل المواضيع مثل الموجود حاليا في مدونة اضافا بلوجر ، ولكن قلت نعمل صندوق الاشتركات الاساسي اولا علي وعد بعمل صندوق الاشتراكات اسفل المواضيع اليوم ايضا بعد هذا الموضوع باذن الله
الموضوع سهل جدا وبيسيط لابعد الحدود
طريقة التركيب سهلة جدا وبسيطة
الخطوة الاولي : ادخل علي ادارة المدونة ثم قالب ثم تحرير HTML وابحث عن كود ]]></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/AVvXsEgqoXc04ZECkOeLd_CbEzM98LIwtGoDfUcP8Zm2IZKQLad7zXK7AO9AGux7FjE7DMl0QlZYTVq4BmkUo4efvjA2D_YhAlSeGMLSf2twwuAAw9qDPUMTvdBDR9e_xappGiVK0pnWiVqJ-wo/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;
}

الخطوة الثانية : ادخل علي التخطيط في قسم ادارة المدونة ، ثم اختر اضافة اداة HTML
 انسخ الكود التالي وضعه في الاداة

<div class="widget-content">
<div class="intro" style="border:#ececec 1px solid">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogadditions" imageanchor="1" style="clear:right;margin-bottom:0.5em;margin-left:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOX9QbJlkPy_wOQtFqa1ZQqLH2TYeKwh_JFoj5DUSOSs4diB5T_V7VFzOWKpGen_T_k6OkP38rm2FFddWhyMdiP7ztGmvvSqTXEeAXlOip_pw6sl5lg_vTKGDISFTyUu8zdqNmRh_LSdU/s512/Social_Email_RSS.png" /></a>
<p>أدخل بريدك الإلكتروني ليصلك جديد المواضيع و الأخبار المنشورة.</p>
<form dir="ltr" action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogadditions', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="blogadditions" />
<input name="loc" type="hidden" value="en_US" />
<p class="email-form">
<input class="sub" name="email" type="text" />
<input alt="submit" class="subbutton" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiy4SIUCkhfkVNdVr3JBIUzDYfVf4Zk2SD4c32Xa_21GaMT4XxySEskE5ALg1CaT7PxRnIQuN14ilCzbbkmKy2SVqQ57xrx7S_DMWsSIcw-5kd-OoCNClAj-mWx_KTx9vgM1OzyX2bDzU/s1600/button-mail.gif" type="image" />
</p>
</form>
</div>
</div>

ويجب اجراء التعديلات التالية :
تغيير كلمة blogadditions الي اسم رابط ال Rss الخاص بك 
تغيير الرابط ذو اللون الاحمر لتغيير الصورة اعلي صندوق الاشتراكات
تغيير الرابط ذو اللون البنفسجي لتغيير صورة كلمة ارسل 
الخطوة الثالثة : اضغط حفظ واستمتع بصندوق الاشتراكات المميز



ا
من فضلك شارك هذا الموضوع اذا اعجبك

ضع تعليقا أخي الكريم

إحصائيات

يتم التشغيل بواسطة Blogger.

جميع الحقوق محفوظة المهووسين للمعلوميات ©2010-2013 | ، نقل بدون تصريح ممنوع . Privacy-Policy| أنضم ألى فريق التدوين