هدا من أحد الصناديق المميزة التي تخول زوار متابعتك والاشتراك في قائمتك البريدية ,لكن هدا ليس كل شيىء فالاضافة تحتوي على خاصية جميلة وهي اضهار عدد متتبعيك على 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>
.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>
ملاحضة غير التالي :
- غير chamelcoolblogger باسم صفحتك على الفيسبوك ,أما دا كان اسم صفحتك طويلا ويحتوي على أصفار ادخل هنا واختر اسم مختصرا لصفحتك Facebook.com/username
- غير chamelcool باسم صفحتك على تويتر
- قم بتبديل chamelcool/rInPq بعنوان التغدية الخاص بموقعك و التي ستجدها في اخر رابط التغدية الخاص بمدونتك ويكون كالتالي
http://feeds.feedburner.com/chamelcool/rInPq - غير الارقام المعلمة بالأصفر بعدد مشتركيك ومتتبعيك على FACEBOOK و TWITTER و FEEDBURNER
في الأخير احفض الاداة
ملاحضة يمكنك تبديل الايقونات ووضع أيقونات جديدة من اختيارك بالتعديل على الروابط المعلمة باللون الازرق في الكود
ويجب أن تكون من نفس الحجم
0 التعليقات:
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.