Widget jumlah Followers Facebook Dan Blogger

au akan memberitahu caranya untuk membuat widget berikut....
langsung ke TKP aja deh...
GO TO TKP

Caranya cukup mudah, silahkan copy dan paste Script berikut di sidebar atau dimana saja Anda tempatkan

Pertama : letakkan CSS berikut ini di atas code  ]]></b:skin>

.fianetmu-social-container{
font-size:13px;
color:#666;
font-family:arial,sans-serif;
line-height:25px
}
.fianetmu-social-container a,
.fianetmu-social-container a:visited{
color:#45BAF5;
text-decoration:none}
.count{
font-weight:bold
}
.row{
position:relative;
width:300px;
margin:20px 0;
height:100px
}
.col_4{
float:left;
margin-right:15px;
text-align:center
}
.box{
width:130px;
height:100px;
margin:auto;
border:1px solid #E5E7EB;
background:#F1F3F8;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.cell_1{
width:30px;
height:80px;
position:relative;
float:left;
margin:auto
}
.cell_2{
font-size:30px;
height:80px;
text-align:center;
line-height:80px;
font-family:arial,sans-serif;font-smooth:always;
position:relative;
margin:auto;color:#333
}
.cell_3{
height:20px;
width:132px;
float:left;
margin:auto;
line-height:20px;
font-size:12px;
color:#999;
background:#ccc;
margin-left:-1px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:3px;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px
}
.icon{
width:40px;
height:40px;
margin-top:17px;
border:none
}
.facebook-blue{
background-color:#5074BF;
background-image:-moz-linear-gradient(top,#88AEFC,#3B5998);
background-image:-ms-linear-gradient(top,#88AEFC,#3B5998);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#88AEFC),to(#3B5998));
background-image:-webkit-linear-gradient(top,#88AEFC,#3B5998);
background-image:-o-linear-gradient(top,#88AEFC,#3B5998);
background-image:linear-gradient(top,#88AEFC,#3B5998);
background-repeat:repeatx;
filter:progid:DXImageTransform.Microsoft.gradient(
startColorstr='#88AEFC',endColorstr='#3B5998');
border-color:#23487E;
color:#fff;
text-shadow:0 1px 1px rgba(60,60,60,0.75)
}
.orange_fmt{
background-color:#ff8736;
background-image:-moz-linear-gradient(top,#fab484,#fc7b23);
background-image:-ms-linear-gradient(top,#fab484,#fc7b23);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fab484),to(#fc7b23));
background-image:-webkit-linear-gradient(top,#fab484,#fc7b23);
background-image:-o-linear-gradient(top,#fab484,#fc7b23);
background-image:linear-gradient(top,#fab484,#fc7b23);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(
startColorstr='#fab484',endColorstr='#fc7b23');
border-color:#fc7b23;
color:#fff;
text-shadow:0 1px 1px rgba(60,60,60,0.75)
}
#mycontent{display:none}

Kedua : tambahkan Gadget HTML/JavaScript dan pastekan code di bawah ini didalamnya

<script>
$(document).ready(function(){
$('#shared').tvlsocialcount({
'service':'facebook',
'countof':'shares',
'query':'http://www.fianetmu.com',
'callback':'formatCount'
});
$('#fblikes').tvlsocialcount({
'service':'facebook',
'countof':'likes',
'query':'481170121923434?ref=hl',
'callback':'formatCount'
                }); 
            });
function formatCount(element,count)
{var display_count='';
count=parseInt(count,10);
if(count>1000000)
{count=count/1000000;
count=count.toFixed(1);
display_count=count+'m';}
else if(count>1000)
{count=count/1000;
count=count.toFixed(1);
display_count=count+'k';}
else{display_count=count;}
element.html(display_count);}
        </script>
<div class="fianetmu-social-container">
<div class="row">
<div class="col_4">
<a href="https://www.facebook.com/pages/fianetmucom/481170121923434?ref=hl" target="_blank" rel="nofollow"><div class="box">
<div class="cell_1">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTueRMub6r396E30D7zjoiwKSmlk1discJAv9zNgG130vSs9LDx7umo2bzKWNszlimj2bmeHaYCt6ayAwlawg1ymzm3v0jPlXoidB0Q6jsrhne6Sqb1AwIQ-1Z2mi5U1D-ZT7dasPHqQ/s1600/facebook.png" class="icon"/></div>
<div class="cell_2">
<span id="fblikes" class="count"></span></div>
<div class="cell_3 facebook-blue">
Likes</div>
</div>
</a>
</div>
<div class="col_4">
<a href="http://www.fianetmu.com" target="_blank" rel="nofollow"><div class="box">
<div class="cell_1">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxQOMbh07lRtU5JzcwtyfX-NPL2bcvJVt14ElFyCs7FeRNT9-9KRdoEOIidw8uqq_PFtMHdPkQq4zyNO-RLLvdXrEA3pFjL7sleIyjx1LQCQXi7Ozk0REcLTvvBUekcYtb1xGrA5ETzGb/s1600/icon-blogger.png" class="icon"/></div>
<div class="cell_2">
<span id="shared" class="count"></span></div>
<div class="cell_3 orange_fmt">
Shares</div>
</div>
</a>
</div>
</div>
</div>
<script type="text/javascript" src="https://googledrive.com/host/0B-AwFcTnFgXXd1lRQld2TTZDdGs"></script>

Keterangan :

Code : 481170121923434?ref=hl ganti dengan ID Fanspage Facebook Anda
Code : https://www.facebook.com/pages/fianetmucom/481170121923434?ref=hl ganti dengan URL Fanspage Facebook Anda
URL warna : http://www.fianetmu.com ganti dengan URL blog Anda