Contador de redes sociais

Views:
CÓDIGO DA FONTE ESPECIAL:

<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'/>


CÓDIGO BIBLIOTECA AJAX:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>



CÓDIGO DO CONTADOR DAS REDES SOCIAIS:

<style>
#bungkus_social{
color: #ffffff;
background-color:transparent;
margin:10px}
#bungkus_social .item{
padding:12px;
font-size:11px;
border-radius:5px;
float:left;
margin:0 10px 10px 0;
background: #f7f7f7;
text-align:center;
min-width:90px;
min-height:100px;
text-transform:uppercase}

#bungkus_social .item.facebook{
background:#3a5795}

#bungkus_social .item.instagram{
background:#517fa4}

#bungkus_social .item.google{
background:#dd4b39}

#bungkus_social .item.youtube{
background:#b31217}

#bungkus_social .item.pinterest{
background:#cb2027}

#bungkus_social .item.twitter{
background:#00a5e5}

#bungkus_social .item i{
border-radius:100%;
background:#2c1c1c1a;
width:38%;
margin:0 auto}

#bungkus_social .item i,#bungkus_social .item .count{
padding:10px;
display:block;
font-size:20px}

#bungkus_social .item .count{
font-weight:600}

#total,#total_k{
padding:10px;
font-weight:bold;
font-size:20px}

#total:before,#total_k:before{
content:'Total Fans:';
font-weight:normal}

#bungkus_social .item{
color:#fff}

@media screen and (max-width:265px){
#bungkus_social .item{width:100%;padding:0}#bungkus_social .item i{background:transparent}}

</style>

<div id="bungkus_social">
    <a class="item twitter"><i class="fa fa-twitter"></i><span class="count"></span>Seguidores</a>
    <a class="item facebook"><i class="fa fa-facebook"></i><span class="count"></span>Curtidas</a>
    <a class="item instagram"><i class="fa fa-instagram"></i><span class="count"> </span>Seguidores</a>
    <a class="item google"><i class="fa fa-google-plus"></i><span class="count"></span>Seguidores</a>
    <a class="item youtube"><i class="fa fa-youtube"></i><span class="count"></span>Inscritos</a>
    <a class="item pinterest"><i class="fa fa-pinterest"></i><span class="count"></span>Seguidores</a>
</div>
<script type='text/javascript' src='https://sites.google.com/site/codigoselainegaspareto/scripts/contadorderedesocialbyelaine.js'></script>
<script>
    $('#bungkus_social').SocialCounter({
        //Insira seus usernames
        facebook_user: 'ElaineGaspareto',
        instagram_user: 'elainegasparetoparada',
        google_plus_id: '+ElaineGasparetoParada',
        youtube_user: 'MrsElaineGaspareto',
        pinterest_user: 'elainegaspareto',
        twitter_user: 'elainegaspareto',
        //Get Access Tokens,keys,client_ids
        instagram_token: '1113754598.1677ed0.afb74cb8dca443458fe4f2bc1de0b160',
        google_plus_key: 'AIzaSyDXpwzqSs41Kp9IZj49efV3CSrVxUDAwS0',
        facebook_token: '1627334644211864|3_tGe7MNSzumVcKxMyJUTqZAlz4',
        youtube_key: 'AIzaSyDXpwzqSs41Kp9IZj49efV3CSrVxUDAwS0',
    });
</script>



IMPORTANTE
NÃO ESQUEÇA DE TROCAR MEUS USERNAMES PELOS SEUS E MEU TOKEN DO INSTAGRAM PELO SEU TOKEN.
E CUIDADO COM AS ASPAS, TROQUE SÓ OS USERNAMES E O TOKEN DO INSTAGRAM, SEM APAGAR AS ASPAS!!!
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage