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

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

 إضافة أداة المتابعة على الفيسبوك و تويتر

إذهب إلى مدونتك ثم تخطيط - ثم بعد ذلك إضافة أداة HTML/JAVASCRIPT و أضف الكود التالي

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var f_page = "arbgeeks";


function add_commas(number) {
if (number.length > 3) {
var mod = number.length % 3;
var output = (mod > 0 ? (number.substring(0,mod)) : '');
for (i=0 ; i < Math.floor(number.length / 3); i++) {
if ((mod == 0) && (i == 0)) {
output += number.substring(mod+ 3 * i, mod + 3 * i + 3);
} else {
output+= ',' + number.substring(mod + 3 * i, mod + 3 * i + 3);
}
}
return (output);
} else {
return number;
}
}

// when document is ready load the counts
$(document).ready(function(){

// grab from facebook
$.getJSON('https://graph.facebook.com/'+f_page+'?callback=?', function(data) {
var fb_count = data['likes'].toString();
fb_count = add_commas(fb_count);
$('#fb_count').html(fb_count);
});


});

</script>

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function()
{
url = "";

 
    $.getJSON('http://api.tweetmeme.com/url_info.jsonc?url=&callback=?',
    function(data)
    {
        $('#twit').html(' Tweets : [' + data.story.url_count + ']');
    });
 

    twitterusername = 'mr_aouiss';
    $.getJSON('http://twitter.com/users/'+twitterusername+'.json?callback=?',
    function(data)
    {
        $('#twitflw').html( data.followers_count );
    });
})
</script>
<style>
.social{width:300px; height:48px; background:#f5f5f5; text-align:right;
margin-bottom:5px;}
.social:hover{background:#e9e9e9; opacity:0.5;}
.social img{float:right;}
.social b{
float:right;
padding-left:10px;
padding-right:16px;
font:19px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#575757;
line-height:47px;
}
.social span{
float:right;
padding-left:10px;
font:12px Tahoma, Geneva, sans-serif;
color:#9f9d9d;
line-height:47px;
}
</style>



<a href="http://www.facebook.com"><div class="social">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwYrELKE2oD7xUaR-pve5egnR1edm7hBrN-RMjwZOZGHhMSNnDHJkmqXwCtnPPdaEexXIZfw5SSVYHSSVj-l73Ru1qGCUCDpWVpys5O5BBmXxONic1NA5KkyTw4QpI_7MiLeiU-ljFA9o/s1600/face.png" />

<b><div id="fb_count"></div></b>
<span>معجب على الفيس بوك</span>
</div>
</a>

<a href="http://www.twitter.com"><div class="social">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhroTfwaypJfq_EuiU0KGsaYK7XQlg150-LOom9QdsG_f-gp35tPACf9961LWvunx2PES6Gxr0UjseEPUgo7V84Wx-Fj0xbHjV7t3kM-jte9BA8KgBdBSebVcSzHwEAEO6O3UytjExZ59w/s1600/twi.png" />
<b><div id="twitflw"> </div></b>
<span>متابع على تويتر</span>
</div>
</a>

غير الكلمة التي باللون الأحمر بuser صفحتك على الفيسبوك
ثم الكلمة التي باللون الأزرق بمعرف حسابك على تويتر
أتمنى أن تكون قد إستفدت من الموضوع . شاركه مع أصدقائك و أنتظر تعليقاتكم المحفزة.