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

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

طريقة التركيب
.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/0000000/rInPq" rel="nofollow">عبر الخلاصات</a>
| <a href="http://feedburner.google.com/fb/a/mailverify?uri=0000000/rInPq" target="_blank" rel="nofollow">عبر الايمايل</a>
</div>
<div class="twitter"><div class="follower-twitter"><span>171</span>
متبع</div>
<a href="https://twitter.com/0000000" 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/0000000blogger" 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/0000000/rInPq" rel="nofollow">عبر الخلاصات</a>
| <a href="http://feedburner.google.com/fb/a/mailverify?uri=0000000/rInPq" target="_blank" rel="nofollow">عبر الايمايل</a>
</div>
<div class="twitter"><div class="follower-twitter"><span>171</span>
متبع</div>
<a href="https://twitter.com/0000000" 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/0000000blogger" target="_blank" rel="nofollow">تابعنا على الفيسبوك !</a>
</div>
ملاحضة غير التالي :
- غير 0000000blogger باسم صفحتك على الفيسبوك ,أما دا كان اسم صفحتك طويلا ويحتوي على أصفار ادخل هنا واختر اسم مختصرا لصفحتك Facebook.com/username
- غير 0000000 باسم صفحتك على تويتر
- قم بتبديل 0000000/rInPq بعنوان التغدية الخاص بموقعك و التي ستجدها في اخر رابط التغدية الخاص بمدونتك ويكون كالتالي
http://feeds.feedburner.com/0000000/rInPq - غير الارقام المعلمة بالأصفر بعدد مشتركيك ومتتبعيك على FACEBOOK و TWITTER و FEEDBURNER
في الأخير احفض الاداة
ملاحضة يمكنك تبديل الايقونات ووضع أيقونات جديدة من اختيارك بالتعديل على الروابط المعلمة باللون الازرق في الكود
ويجب أن تكون من نفس الحجم




0 التعليقات:
إرسال تعليق