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


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







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


.1 اذهب للوحة التحكم
2. تخطيط 
3.عناصر الصفحة
4. اضف اداة
6.اختار  Html/Javascript

 هدا هو الكود
<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/chamelcool/rInPq" rel="nofollow">عبر الخلاصات</a>
| <a href="http://feedburner.google.com/fb/a/mailverify?uri=chamelcool/rInPq" target="_blank" rel="nofollow">عبر الايمايل</a>
</div>
<div class="twitter"><div class="follower-twitter"><span>171</span>
متبع</div>
<a href="https://twitter.com/chamelcool" 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/chamelcoolblogger" target="_blank" rel="nofollow">تابعنا على الفيسبوك !</a>
</div>



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

  1.  غير      chamelcoolblogger    باسم صفحتك على الفيسبوك  ,أما دا كان اسم صفحتك طويلا ويحتوي على أصفار ادخل هنا واختر اسم مختصرا لصفحتك  Facebook.com/username
  2.  غير      chamelcool   باسم  صفحتك على تويتر
  3. قم بتبديل chamelcool/rInPq بعنوان التغدية الخاص بموقعك و التي ستجدها في اخر رابط التغدية الخاص بمدونتك                ويكون كالتالي
     
    http://feeds.feedburner.com/chamelcool/rInPq
  4. غير الارقام المعلمة بالأصفر بعدد مشتركيك ومتتبعيك على FACEBOOK و TWITTER و FEEDBURNER

في الأخير احفض الاداة

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

0 التعليقات:

إرسال تعليق

.