Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Facebook like Twitter Follow us Box Widget with Count Plugin for Websites

Dec 11, 2012
Introduction

Here I will explain how to create facebook like twitter follow us box widget with count using
jQuery.

Description:
  
In previous articles I explained Get latest or recent tweets using jQuery, integrate twitter login for website, integrate facebook login for website and many articles relating to
JQuery and asp.net. Now I will explain how to create facebook like twitter follow us box with count using jQuery.

To implement twitter follow us widget I am going to use jQuery twitter follow box plugin because by using this plugin we can implement twitter follow us widget by writing few lines of coding like as shown

<script type="text/javascript">
$(function(){
$('#youdivid).followbox({
user: 'your twitter account name'
});
});
</script>
If you want to see this with complete example check below code

Example


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Implement Twitter follw us plugin like facebook</title>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<link href="followbox.css" rel="stylesheet" type="text/css" />
<script src="jquery.followbox.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#mytwitterfollowbox').followbox({
user: 'aspdotnetsuresh'
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="mytwitterfollowbox" class="follow-box-container"></div>
</form>
</body>
</html>
If you observe above code in header section I used jquery.followbox.min.js plugin and other css style plugins to show twitter follow up count like facebook widget you can get those plugin details from below attached folder or you can get from this link twitter follow box.

Demo

 Download Sample Code Attached


If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email

7 comments :

navya said...

yoy r really rocking with code. this site is very useful for me...

Revamp Technologies said...

Full code enga....

Anonymous said...

Its not working any more

Anonymous said...

Its not working brother. I think follow-box-container class in css file is missing.

saurabh maheshwari said...

sir ji Its not working please tell me .how i do this

Unknown said...

this code is not worked

Unknown said...

it is not working

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.