Thread: JobRoller Social Widget Counter

<li class="widget widget-social-count">

<div class="counter-widget-wrapper">

<a rel="nofollow" href="https://www.facebook.com/jobortunity" class="counter ">
<span class="icon"><img alt="Facebook" src="<?php bloginfo('stylesheet_directory'); ?>/images/facebook-count-icon.png" /></span>
<span class="count facebook"></span>
<span class="title">Fans</span>
</a>

<a rel="nofollow" href="http://twitter.com/jobortunity" class="counter">
<span class="icon"><img alt="Twitter" src="<?php bloginfo('stylesheet_directory'); ?>/images/twitter-count-icon.png" /></span>
<span class="count twitter"></span>
<span class="title">Followers</span>
</a>

</div>

<script type="text/javascript">
/* <![CDATA[ */

jQuery(document).ready(function() {
jQuery.getJSON('https://graph.facebook.com/jobortunity', function(data) { 
jQuery('span.facebook').text(data.likes + 1 + ' '); 
});

jQuery.getJSON("https://api.twitter.com/1/users/show.json?callback=?&screen_name=jobortunity", function(data) { 
jQuery('span.twitter').text(data.followers_count + 1 + ' ');
});

});

/* ]]> */

</script>
</li>

<?php get_template_part( 'includes/sidebar-social-count' ); ?>

/*-- Begin: Social Count Widget --*/
ul.widgets li.widget-social-count { padding: 0 !important; width: 260px; border-top: 0; border-bottom: 1px solid #E4E4E4; }
ul.widgets li.widget-social-count div.counter-widget-wrapper { margin: 0; padding: 10px 0 0; }

ul.widgets li.widget-social-count a { text-decoration: none !important; }
ul.widgets li.widget-social-count a.counter { float:left; text-align:center; width:33.33%; padding: 0 0 10px; }

ul.widgets li.widget-social-count a.counter span { display:block; font-style:italic; font-weight:bold; line-height: 20px; margin:0 10px; }
ul.widgets li.widget-social-count a.counter span.icon { margin: 0; padding: 0; }
ul.widgets li.widget-social-count a.counter span.count { color: #C23A3A; font-size: 15px; height: 20px; margin: 0 auto; width: 100%; }
ul.widgets li.widget-social-count a.counter span.title { color:#5C5C5C; height: 20px; }
/*-- End: Social Count Widget --*/