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

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

قم باتباع الخطوات التى بالاسفل ---->>>>>

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

* قم بالذهاب الى تصميم ثم تحرير 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 -->

ملحوظه:- لا تنسى تغيير الروابط ذات اللون الاحمر وذات اللون الاخضر باسماء حسابك على تلك المواقع.
* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي فهذا انسب مكان للاضافه تلك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : اضافة الاشتراك في القائمةالبريديه وتابعنى على تويتر والفيس بوك معا | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات css, مواقع النشر