أضف صندوق للمتابعة على المواقع الاجتماعية زائد عدد المتتبعين في كل شبكة لبلوجر

السلام عليكم و رحمة الله تعالى و بركاته أما بعد :

درس اليوم هو عن طريقة إضافة صندوق للمتابعة على المواقع الاجتماعية زائد عدد المتتبعين في كل شبكة للبلوجر.

هذه الإضافة من أهم الصناديق المميزة التي تخول لزوار متابعتك والاشتراك في قائمتك البريدية ,لكن هدا ليس كل شيىء فالاضافة تحتوي على خاصية جميلة وهي إضهار عدد متتبعيك على  FACEOOK و TWITTER  وايضا عدد المشتركين في القائمة البريدية , فهي أداة جميلة وخفيفة  تعمل بتقنية  CSS  .أترككم مع التركيب

طريقة التركيب;

1.اذهب للوحة التحكم 

2. تخطيط 

3.عناصر الصفحة

4.إضاف اداة

5.اختار  Html/Javascript

6.أضف هذا الكود :

<style>

.rss {

background: url(http://lh5.googleusercontent.com/_u4rBCfM4eII/TXM3kMMZ6iI/AAAAAAAABWs/mvD4oZKpcYA/RSS1.png)no-repeat;

height: 64px;

padding: 0px 20px 0px 80px;

margin-top: 20px;

}

.twitter {

background: url(http://lh4.googleusercontent.com/_u4rBCfM4eII/TXM4FmiiE3I/AAAAAAAABW0/aXFjV0nLT7Q/TWITTER1.png) no-repeat;

height: 64px;

padding: 0px 20px 0px 80px;

margin-top: 20px;

}

.facebook {

background: url(http://lh3.googleusercontent.com/_u4rBCfM4eII/TXM3FmsFCZI/AAAAAAAABWg/2fp5bNd5HWY/FACEBOOK1.png) no-repeat;

height: 64px;

padding: 0px 20px 0px 80px;

margin-top: 20px;

}

.follower-rss, .follower-twitter, .follower-facebook {

font-family: Georgia, sans-serif, Times;

font-size: 1.1em;

font-style:italic;

color:#289728;

}

.follower-rss span {

font-size: 1.9em;

font-weight: bold;

font-style:italic;

color:#F59247;

}

.follower-twitter span {

font-size: 1.9em;

font-weight: bold;

font-style:italic;

color:#6DB6E6;

}

.follower-facebook span {

font-size: 1.9em;

font-weight: bold;

font-style:italic;

color:#3889BA;

}

</style>

<div class="rss">

<div class="follower-rss"> <span>50</span> مشترك

</div>

<a href="http://feeds.feedburner.com/blogspot/ZCvgi" rel="nofollow">عبر الخلاصات</a>

| <a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ZCvgi" target="_blank" rel="nofollow">عبر الايمايل</a>

</div>

<div class="twitter"><div class="follower-twitter"><span>171</span>

متابع</div>

<a href="https://twitter.com/SAIDTRUCS" target="_blank" rel="nofollow" title="I

definitely follow you back">تابعنا على تويتر!</a>

</div>

<div class="facebook">

<div class="follower-facebook"><span>53</span> متابع </div>

<a href="https://www.facebook.com/TRUCSINFORMATIQUES" target="_blank" rel="nofollow">تابعنا على الفيسبوك !</a>

</div>

ملاحضة غير التالي :

-غير      TRUCSINFORMATIQUES    باسم صفحتك على الفيسبوك .
-غير     SAIDTRUCS  باسم  صفحتك على تويتر
-قم بتبديل blogspot/ZCvgi بعنوان التغدية الخاص بموقعك و التي ستجدها في اخر رابط التغدية الخاص بمدونتك ويكون كالتالي
  http://feeds.feedburner.com/blogspot/ZCvgi
-غير الارقام المعلمة بالأحمر بعدد مشتركيك ومتتبعيك على FACEBOOK و TWITTER و FEEDBURNER

يمكنك تبديل الايقونات ووضع أيقونات جديدة من اختيارك  بالتعديل على الروابط المعلمة باللون الازرق في الكود
ويجب أن تكون من نفس الحجم
في الأخير احفض الاداة.
في حالة وجود أي إستفسار لا تترددوا في وضع تعليقاتكم.