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

السلام عليكم ورحمة الله تعالى وبركاته , مرحبا بكم في موضوع جديد ومع إضافة جديدة لبلوغر وتحية طيبة لكل من متتبعي وزوار مدونتنا وفي موضوعنا هذا سوف نتطرق إلى إضافة عداد المتابعين بطريقة جميلة في القائمة الجانبية للمواقع الإجتماعية (فايسبوك + تويتر ) فقط قم بإضافتها على مدونتك وغير ما يناسبك.

نبدأ على بركة الله

1- أدخل إلى حساب مدونتك. 

2- إختر تصميم.

3- إضغط على إضافة أداة.

4. في النافذة التي ستضهر لك سوف تختار  HTML/Javascript  .

 في الخانة الأولى ضع العنوان وفي الخانة الثانية ضع الكود التالي وغير ما هو بالأحمر بما يناسب مدونتك :

<style>
.rss-mbt {
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-mbt {
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-mbt {
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:#FFB93C;
}
.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-mbt">
<div class="follower-rss"> <span>603</span> مشترك
</div>
<a href="أضق كود الخلاصات الخاص بك" rel="nofollow">الخلاصات</a>
| <a href="أضف كود ايمايل الخلاصات الخاص بمدونتك" target="_blank" rel="nofollow">اللإيمايل</a>
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>1002</span>
متابع</div>
<a href="أضف رابط تويتر الخاص بك" target="_blank" rel="nofollow" title="I
definitely follow you back">تابعنا على تويتر!</a>
</div>
<div class="facebook-mbt">
<div class="follower-facebook"><span>350</span> متابع </div>
<a href="رابط صفحة الفايسبوك" target="_blank" rel="nofollow">تابعنا على الفايسبوك!</a>
</div>

إنتهى الدرس أرجو أن أكون قد وفقت فيه وأي مشكلة أو إستفسار الرجو وضعها في التعليقات