اضافة عداد المتابعين على مواقع التواصل الإجتماعي بشكل جديد وحصري V2

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

معاينة حية للإضافة :

• 230,000
• 230,000
• 230,000
• 230,000
• 230,000
• 230,000
• 230,000
• 230,000

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

1. نتوجه مباشرة إلى التخطيط
2. ثم إلى أداة Html/JavaScript
3. ثم نقوم بوضع هذه الأكواد

<style>
/* Social Counter
--------------------------------------*/
li.social_item-wrapper {
float: left;
width: 48%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 10px !important;
color: #fff;
}
#sidebar .widget {
margin-bottom: 35px;
}
a.social_item {
position: relative;
display: block;
height: 60px;
line-height: 60px;
overflow: hidden;
}
.social_item-wrapper:nth-child(2n+2) {
margin-right: 0 !important;
}
.social_icon {
float: left;
line-height: 60px;
width: 41px;
font-size: 1.3rem;
}
a.social_item.social_facebook {
background: #3F5B9B;
}
.fa-facebook.social_icon {
background: #2E4372;
}
li.social_item-wrapper:hover .fa-facebook.social_icon {
background: #3F5B9B;
}
li.social_item-wrapper:hover .social_facebook {
background: #2E4372;
}
a.social_item.social_twitter {
background: #1C97DE;
}
.fa-twitter.social_icon {
background: #1571A5;
}
li.social_item-wrapper:hover .fa-twitter.social_icon {
background: #1C97DE;
}
li.social_item-wrapper:hover .social_twitter {
background: #1571A5;
}
a.social_item.social_youtube {
background: #E22020;
}
.fa-youtube.social_icon {
background: #B31919;
}
li.social_item-wrapper:hover .fa-youtube.social_icon {
background: #E22020;
}
li.social_item-wrapper:hover .social_youtube {
background: #B31919;
}
a.social_item.social_dribbble {
background: #E82159;
}
.fa-dribbble.social_icon {
background: #B51A45;
}
li.social_item-wrapper:hover .fa-dribbble.social_icon {
background: #E82159;
}
li.social_item-wrapper:hover .social_dribbble {
background: #B51A45;
}
a.social_item.social_rss {
background: #E86321;
}
.fa-rss.social_icon {
background: #C2521B;
}
li.social_item-wrapper:hover .fa-rss.social_icon {
background: #E86321;
}
li.social_item-wrapper:hover .social_rss {
background: #C2521B;
}
a.social_item.social_google-plus {
background: #E82C2C;
}
.fa-google-plus.social_icon {
background: #BF2424;
}
li.social_item-wrapper:hover .fa-google-plus.social_icon {
background: #E82C2C;
}
li.social_item-wrapper:hover .social_google-plus {
background: #BF2424;
}
a.social_item.social_linkedin {
background: #0275B6;
}
.fa-linkedin.social_icon {
background: #02669E;
}
li.social_item-wrapper:hover .fa-linkedin.social_icon {
background: #0275B6;
}
li.social_item-wrapper:hover .social_linkedin {
background: #02669E;
}
a.social_item.social_instagram {
background: #8E714D;
}
.fa-instagram.social_icon {
background: #6F583C;
}
li.social_item-wrapper:hover .fa-instagram.social_icon {
background: #8E714D;
}
li.social_item-wrapper:hover .social_instagram {
background: #6F583C;
}
a.social_item.social_pinterest {
background: #CA2027;
}
.fa-pinterest.social_icon {
background: #AB1B21;
}
li.social_item-wrapper:hover .fa-pinterest.social_icon {
background: #CA2027;
}
li.social_item-wrapper:hover social_pinterest {
background: #AB1B21;
}
ul.social-counter a {
color: #fff;
}
</style>
<div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a class="social_item social_facebook" href="https://www.blogger.com/blogger.g?blogID=355974750746398901#"><i class="fa fa-facebook social_icon wow animated tada"></i><span class="social_num">230,000</span></a></li>
<li class="social_item-wrapper"><a class="social_item social_twitter" href="https://www.blogger.com/blogger.g?blogID=355974750746398901#"><i class="fa fa-twitter social_icon wow animated tada"></i><span class="social_num">230,000</span></a></li>
<li class="social_item-wrapper"><a class="social_item social_youtube" href="https://www.blogger.com/blogger.g?blogID=355974750746398901#"><i class="fa fa-youtube social_icon wow animated tada"></i><span class="social_num">230,000</span></a></li>
<li class="social_item-wrapper"><a class="social_item social_dribbble" href="https://www.blogger.com/blogger.g?blogID=355974750746398901#"><i class="fa fa-dribbble social_icon wow animated tada"></i><span class="social_num">230,000</span></a></li>
<li class="social_item-wrapper"><a class="social_item social_rss" href="https://www.blogger.com/blogger.g?blogID=355974750746398901#"><i class="fa fa-rss social_icon wow animated tada"></i><span class="social_num">230,000</span></a></li>
<li class="social_item-wrapper"><a class="social_item social_google-plus" href="https://www.blogger.com/blogger.g?blogID=355974750746398901#"><i class="fa fa-google-plus social_icon wow animated tada"></i><span class="social_num">230,000</span></a></li>
<li class="social_item-wrapper"><a class="social_item social_linkedin" href="https://www.blogger.com/blogger.g?blogID=355974750746398901#"><i class="fa fa-linkedin social_icon wow animated tada"></i><span class="social_num">230,000</span></a></li>
<li class="social_item-wrapper"><a class="social_item social_instagram" href="https://www.blogger.com/blogger.g?blogID=355974750746398901#"><i class="fa fa-instagram social_icon wow animated tada"></i><span class="social_num">230,000</span></a></li></ul></div>
</div>

1. قم بتغيير الأرقام بعدد المتابعين على مواقعك
2. قم بتغيير # بروابط المواقع الخاصة بك والتي ستجدها على هذا الشكل "#"=href .
3. مبروك عليك الإضافة

• إذا واجهتم أي مشكلة في التركيب اطرح مشكلتك في تعليق وسنقوم بحلها في الحين