Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

ECUpirate44

macrumors 603
Original poster
Mar 22, 2010
5,750
8
NC
Hey everyone,

I'm building a WIX website and i'm looking for a twitter widget that will display the twitter feed with the ability to scroll and see all tweets. The option provided by Wix isn't very good looking.

I'm looking for an HTML widget. Thanks!
 

AFPoster

macrumors 68000
Jul 14, 2008
1,547
141
Charlotte, NC
Exactly what i'm looking for, but I have no idea how to set this up.

Put this in the <head> tag:
Code:
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="/tweet/jquery.tweet.js" type="text/javascript"></script>

Put this code inside a <div> tag
Code:
<a href="http://www.twitter.com/(twitter account name)"><img src="img/twitter.png"(this is a twitter image to show on the site)></a>
<h4><a class="tweet-header" href="http://www.twitter.com/(twitter account name)" target="blank">Follow Us</a>
<script type='text/javascript'>
					    jQuery(function($){
					            $("#custom").tweet({
					              avatar_size: 32,
					              count: 4, /*how many will be displayed */
					              username: (twitter account name),
					              template: "{text} » {retweet_action}"
					            });
					          }).bind("loaded", function(){
					            $(this).find("a.tweet_action").click(function(ev) {
					              window.open(this.href, "Retweet",
					                          'menubar=0,resizable=0,width=550,height=420,top=200,left=400');
					              ev.preventDefault();
					            });
					          });
					</script>
 

ECUpirate44

macrumors 603
Original poster
Mar 22, 2010
5,750
8
NC
Put this in the <head> tag:
Code:
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="/tweet/jquery.tweet.js" type="text/javascript"></script>

Put this code inside a <div> tag
Code:
<a href="http://www.twitter.com/(twitter account name)"><img src="img/twitter.png"(this is a twitter image to show on the site)></a>
<h4><a class="tweet-header" href="http://www.twitter.com/(twitter account name)" target="blank">Follow Us</a>
<script type='text/javascript'>
					    jQuery(function($){
					            $("#custom").tweet({
					              avatar_size: 32,
					              count: 4, /*how many will be displayed */
					              username: (twitter account name),
					              template: "{text} » {retweet_action}"
					            });
					          }).bind("loaded", function(){
					            $(this).find("a.tweet_action").click(function(ev) {
					              window.open(this.href, "Retweet",
					                          'menubar=0,resizable=0,width=550,height=420,top=200,left=400');
					              ev.preventDefault();
					            });
					          });
					</script>
Thanks, but it appears Wix does not support Java :(
 

SrWebDeveloper

macrumors 68000
Dec 7, 2007
1,871
3
Alexandria, VA, USA
Found this on the net which might help you:

It's possible to embed Javascript code within the HTML Widget. However, please note that your code will only function within the constraints of the HTML widget's frame.

You can find all the information about our HTML Widget here.
You can post questions about the HTML feature here.

Please note:
* Wix is a Flash platform and we offer support directly related to our product. By adding external code you are adding products/code that we have not created or tested.
Therefore our Support team cannot answer any questions concerning Javascript or HTML.
* The HTML Widget won't work on embedded sites.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.