Thursday 18 July 2013

jQuery Twitter Follow us Box Widget for Websites

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: 'username'
});
});
</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.

No comments:

Post a Comment