Web Hosting

السبت، 26 مايو 2012

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





هدا من أحد الصناديق المميزة التي تخول زوار متابعتك والاشتراك في قائمتك البريدية ,لكن هدا ليس كل شيىء فالاضافة تحتوي على خاصية جميلة وهي اضهار عدد متتبعيك على  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

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

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




Social Sharing Widget bychamelcool


0 التعليقات:

إرسال تعليق

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.

Web Hosting
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Gadgets By chamelcool Blog