اضافة الاشتراك في القائمةالبريديه وتابعنى على تويتر والفيس بوك معا

  السلام عليكم ورحمة الله وبركاتة موعدنا اليوم مع درس جميل ورائع ومهم انها اضافه تتيح للمدونين اضافة قائمة في العامود الجانبي لمدونة بلوجر تمكن لزوار المدونة الاشتراك في القائمه البريديه والحصول على اخر التحديثات اول باول وكذلك متابعتها علي المواقع الاجتماعيه الشهريه مثل الفيس بوك وتويتر ومتابعة موجز المواضيع ايضا وذلك كما ترى في الصوره المرفقه  داخل التدوينه.هذة الاضافة اشتهرت بها مؤخرا القوالب الاحترافيه الجاهزه.
ان اعجبتك
قم باتباع الخطوات التى بالاسفل ---->>>>>

* قم بتسجيل الدخول الى لوحة تحكم مدونتك.

* قم بالذهاب الى تصميم ثم تحرير HTML.

* قم بالضغط على علامة توسيع قوالب واجهة المستخدم.

* ابحث عن الكود التالي
]]</b:skin> وذلك بالضغط علىCTRL+F .

* انسخ الكود الموجود بالاسفل وضعه مباشرة قبل هذا الكود
]]</b:skin>




#subscribe-box  {
background : #add8e9 url(http://santabanta.mywapblog.com/files/sub-bg.png) repeat;
border : 2px solid #46a3bc;
margin-bottom : 35px;
padding : 8px;
font-size : 12px;
overflow : hidden;
}
#subscribe-box p {
font-size : 13px;
margin-bottom : 2px;
}
#subscribe-box h4 {
font-size : 20px;
color : #222;
margin-bottom : 15px;
}
#subscribe-box a {
color : #111;
}
#subs1 {
overflow : hidden;
margin-bottom : 18px;
}
#subs {
overflow : hidden;
}
#subs .rss, #subs .fb, #subs .tw {
height : 40px;
float : left;
padding : 0 0 0 40px;
}
#subs .rss {
background : url(http://santabanta.mywapblog.com/files/rss11.png) no-repeat;
width : 68px;
}
#subs .fb {
background : url(http://santabanta.mywapblog.com/files/facebook11.png) no-repeat;
width : 60px;
}
#subs .tw {
background : url(http://santabanta.mywapblog.com/files/twitter11.png) no-repeat;
width : 62px;
}
#subs .bt span.fbsmall {
font-size : 11px;
}
#subs .bt span.fblarge {
font-size : 13px;
} 

* قم الان بحفظ قالب مدونتك.

* قم بالذهاب الى تصميم.

* تذكر انك الان في --->>> عناصر تصميم الصفحه.

* قم بانشاء اداه جديده.

* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript.

*انسخ الكود الموجود بالاسفل وضعه فيها وقم بالحفظ.

<div id="subscribe-box">
 <h4>Subscribe and Stay Updated!</h4>
 <div id="subs1">

 <p>Sign up to receive daily email newsletter</p>
  <form style="padding:3px;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ADD YOUR FEEDBURNER URL LAST NAME HERE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
  <input id="text" type="text" name="email"/>
  <input type="hidden" value="bloggersolutions" name="uri"/>
  <input type="hidden" name="loc" value="en_US"/>
  <input id="sub" type="submit" value="Subscribe" /></form>
  </div>
 <div id="subs">

  <div class="rss bt">
   <a href="YOUR FEEDBURNER URL HERE"><span class="fbsmall">Subscribe via</span>
   <span class="fblarge">RSS</span></a>
  </div>
  <div class="fb bt">
   <a href="YOUR FACEBOOK URL HERE"><span class="fbsmall">Join us on</span>
   <span class="fblarge">Facebook</span></a>

  </div>
  <div class="tw bt">
   <a href="YOUR TWITTER URL HERE"><span class="fbsmall">Follow us on</span>
   <span class="fblarge">Twitter</span></a>
  </div>
 </div><!-- End #subs -->
ملحوظه:- لا تنسى تغيير الروابط ذات اللون الاحمر وذات اللون الاخضر باسماء حسابك على تلك المواقع.
* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي فهذا انسب مكان للاضافه تلك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه
الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده
أصدقاء(تطوير ويب)
تعليقات Facebook
4تعليقات Blogger

4 عدد التعليقات على موضوع اضافة الاشتراك في القائمةالبريديه وتابعنى على تويتر والفيس بوك معا

Unknown يقول...

شكرا كنت احتاج هذا الكود
يعطيك العافية

غير معرف يقول...

@Priya K
العفو اخي الكريم اتمني لك الافاده دائما وابدا

Bill Grimm يقول...

السلام عليكم
أخي لا أعرف لماذا كلما ادخلت كودا فوق ]] يظهر أعلى المدونة
المرجوا الحل

غير معرف يقول...

@معاذ البختي
اخي العزيز اكواد ال css المكان الطبيعي لها يكون قبل هذا الوسم ]]></b:skin> مباشرة وان قمت بذلك ووجدت نفس الخطا الذي تتحدث عنه فمن المؤكد ان قالبك به اخطاء ويجب عليك تغييره بقالب اخر.

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .