الزيارات:
إضافات صندوق الاشتراكات
الزيارات:
السلام عليكم ورحمة الله وبركاته
النهاردة هنتعملم ازاي نضيف صندوق الاشتراكات بشكل جمالي في السايد بار الخاص بالمدونة
الموضوع سهل جدا وبيسيط لابعد الحدود
طريقة التركيب سهلة جدا وبسيطة
الخطوة الاولي : ادخل علي ادارة المدونة ثم قالب ثم تحرير 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/AVvXsEhlsDX0TJ813vrShPhtojs86XsKDGkXbJqiuueX3f7ciA1Tgwk-NLhmOzaOWm2Amw2EiFVYZ8CW2WGZMwZyMYMCAeEDlIdk9eomm0HbjypLyEJzXwmP8uIEYtNPpyp7iTPcAcUQyVuimh4/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/AVvXsEiQh_MBXhivpaZmTzZKEwW2RdlQGoW2yo-JdnjuMUXfxJ930tMqoEPdBkx5_XHlNZPt1cu_rRu1QNVyJ7wWcjnwy_h8PJtkioiF6fWL9IBHgfp-Cf48Me31gS570mUjhH9XFarWA-PlP7Q/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/AVvXsEiLZIGkOGPLbGEXOWJ2al-QPuxMPJmsfnrHqQfdyeEpt6HGoMgc_WB49cOx4Z6T_FU2kWTIcDKTvX-KRIc2TXwLstT_d4LdFRWNnK8KAOz2l-pkTE2YoqwgmZy8bqQJcDSgcSJyZV9dDQI/s1600/button-mail.gif" type="image" />
</p>
</form>
</div>
</div>
ويجب اجراء التعديلات التالية :
تغيير كلمة blogadditions الي اسم رابط ال Rss الخاص بك
تغيير الرابط ذو اللون الاحمر لتغيير الصورة اعلي صندوق الاشتراكات
تغيير الرابط ذو اللون البنفسجي لتغيير صورة كلمة ارسل
الخطوة الثالثة : اضغط حفظ واستمتع بصندوق الاشتراكات المميز
واخيرا احب اشكر أسامة محمد صاحب مدونة بوابة البلوجر علي تنويهي لكود كنت ناسيه ... شكرا يا اسامة :)
0 تعليقات
.jpg)
