CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en-US"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/","20100917191200","https://web.archive.org/","web","/_static/", "1284750720"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="googlebot" content="index,archive,follow,noodp"/> <meta name="robots" content="all,index,follow"/> <meta name="msnbot" content="all,index,follow"/> <meta name="description" content="Twitter has quickly become one of the most popular social networking sites online. It is currently ranked among the top twenty Web sites in the world and h..."/> <meta name="keywords" content="Amp,api,bugs,file,footer,Foreach,link,online,search,traffic,tweets,Twitter,"/> <title>How to Create a Twitter Feed on Your Web Site | bavotasan.com</title> <link rel="stylesheet" href="https://web.archive.org/web/20100917191200cs_/http://bavotasan.com/wp-content/themes/bavotasan-2010/style.css?ver=1.0.5" type="text/css" media="screen"/> <link rel="shortcut icon" href="https://web.archive.org/web/20100917191200im_/http://bavotasan.com/favicon.ico"/> <link rel="pingback" href="http://bavotasan.com/xmlrpc.php"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Feed" href="https://web.archive.org/web/20100917191200/http://bavotasan.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Comments Feed" href="https://web.archive.org/web/20100917191200/http://bavotasan.com/comments/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 How to Create a Twitter Feed on Your Web Site Comments Feed" href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/feed/"/> <script type="text/javascript" src="https://web.archive.org/web/20100917191200js_/http://bavotasan.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <link rel="index" title="bavotasan.com" href="http://bavotasan.com/"/> <link rel="start" title="Removing Images from a WordPress Post: Redux" href="http://bavotasan.com/tutorials/removing-images-from-a-wordpress-post/"/> <link rel="prev" title="Join bavotasan.com鈥檚 New Affiliates Program" href="https://web.archive.org/web/20100917191200/http://bavotasan.com/articles/join-bavotasan-coms-new-affiliates-program/"/> <link rel="next" title="Create a Cut-Out Type Effect in Adobe Photoshop" href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/create-a-cut-out-type-effect-in-adobe-photoshop/"/> <link rel="canonical" href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/"/> <link rel="shortlink" href="https://web.archive.org/web/20100917191200/http://bit.ly/dj7sk5"/> <script type="text/javascript" src="https://web.archive.org/web/20100917191200js_/http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> <meta property="fb:page_id" content="137456822940271"/> <meta property="fb:admins" content="586505548"/> <meta property="og:site_name" content="bavotasan.com"/> <meta property="og:title" content="How to Create a Twitter Feed on Your Web Site"/> <meta property="og:description" content="Twitter has quickly become one of the most popular social networking sites online. It is currently ranked among the top twenty Web sites in the world and has over a million users. I have only recently hopped on the bandwagon and so far I have been able to connect with many interesting people and discover [...]"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://web.archive.org/web/20100917191200im_/http://bavotasan.com/wp-content/uploads/2009/10/tweeter.jpg"/> </head> <body class="single single-post postid-1262"> <div id="bodywrap">  <script type="text/javascript"> (function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//web.archive.org/web/20100917191200/http://s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })(); </script>   <div id="header"> <div id="topmenu" class="menu-top-menu-container"><ul id="menu-top-menu" class="menu"><li id="menu-item-2254" class="menu-item menu-item-type-custom menu-item-2254"><a href="https://web.archive.org/web/20100917191200/http://themes.bavotasan.com/">Themes by bavotasan.com</a></li> <li id="menu-item-2255" class="menu-item menu-item-type-custom menu-item-2255"><a href="https://web.archive.org/web/20100917191200/http://support.bavotasan.com/">Support Forum</a></li> <li id="menu-item-2259" class="menu-item menu-item-type-custom menu-item-2259"><a href="https://web.archive.org/web/20100917191200/http://themes.bavotasan.com/affiliates">Affiliates</a></li> <li id="menu-item-2256" class="menu-item menu-item-type-post_type menu-item-2256"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/about/">About</a></li> <li id="menu-item-2257" class="menu-item menu-item-type-post_type menu-item-2257"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/services/">Services</a></li> <li id="menu-item-2258" class="menu-item menu-item-type-post_type menu-item-2258"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/contact/">Contact</a></li> </ul></div> <div id="title"> <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/"> <img src="https://web.archive.org/web/20100917191200im_/http://bavotasan.com/images/bavotasan.png" alt="bavotasan.com" width="400" height="70"/> <span id="desc"></span></a> </div> <div id="follow"> <span></span> <a href="https://web.archive.org/web/20100917191200/http://twitter.com/bavotasan" class="twitter"></a> <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/feed/" class="rss"></a> </div> <div id="navigation" class="menu-main-menu-container"> <ul id="menu-main-menu" class="menu"> <li id="menu-item-2264"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/"><span></span>Home</a></li> <li id="menu-item-2266"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/category/articles/"><span></span>Articles</a></li> <li id="menu-item-2265" class="current-menu-item"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/category/tutorials/"><span></span>Tutorials</a></li> <li id="menu-item-2267"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/category/downloads/"><span></span>Downloads</a></li> </ul> </div> </div>  <div id="mainwrapper"> <div id="leftcontent"> <div class="posttop"> <div class="thedate"><div class="month">Oct</div><div class="day">07</div><div class="year">2009</div></div> <h1>How to Create a Twitter Feed on Your Web Site</h1> <br class="clear"/> <p><img src="https://web.archive.org/web/20100917191200im_/http://bavotasan.com/wp-content/uploads/2009/10/tweeter.jpg" alt="" title="tweeter" width="200" height="150" class="alignright size-full wp-image-2416"/><a href="https://web.archive.org/web/20100917191200/http://twitter.com/">Twitter</a> has quickly become one of the most popular social networking sites online. It is currently ranked among the top twenty Web sites in the world and has over a million users. I have only recently hopped on the bandwagon and so far I have been able to connect with many interesting people and discover tons of great online resources. <span id="more-1262"></span>I added a <a href="https://web.archive.org/web/20100917191200/http://twitter.com/">Twitter</a> feed into my footer once I got things going and I have been refining the code ever since. I finally have it at a point where I think all of the bugs are ironed out and it is ready to share.</p> <p>The <a href="https://web.archive.org/web/20100917191200/http://apiwiki.twitter.com/">Twitter API</a> is pretty easy to use and I decided to work with the <a href="https://web.archive.org/web/20100917191200/http://apiwiki.twitter.com/Twitter-Search-API-Method%3A-search">Search API Method</a>. I found that sometimes <a href="https://web.archive.org/web/20100917191200/http://twitter.com/">Twitter</a> doesn’t respond due to high traffic on the site so instead of just using the API to return an <a href="https://web.archive.org/web/20100917191200/http://en.wikipedia.org/wiki/Atom_%28standard%29">Atom Feed</a>, I decided to use is to return a <a href="https://web.archive.org/web/20100917191200/http://json.org/">Json</a> file.</p> <p>First, let’s setup our username and the number of Tweets we want to display.</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="line_numbers"><pre>1 2 3 4 </pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$username</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">"your-user-name"</span><span style="color: #339933;">;</span> <span style="color: #000088;">$num</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">5</span><span style="color: #339933;">;</span>   <span style="color: #000088;">$feed</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">"http://search.twitter.com/search.json?q=from:"</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$username</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">"&amp;rpp="</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$num</span><span style="color: #339933;">;</span></pre></td></tr></table></div> <p>Next we need to copy the Json file to our server, just in case the Search API doesn’t respond during our next attempt to grap our Tweets.</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="line_numbers"><pre>5 6 7 8 9 10 11 12 13 14 15 16 17 18 </pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000088;">$newfile</span> <span style="color: #339933;">=</span> <span style="color: #990000;">dirname</span><span style="color: #009900;">(</span><span style="color: #009900; font-weight: bold;">__FILE__</span><span style="color: #009900;">)</span><span style="color: #339933;">.</span><span style="color: #0000ff;">"/twitternew.json"</span><span style="color: #339933;">;</span> <span style="color: #000088;">$file</span> <span style="color: #339933;">=</span> <span style="color: #990000;">dirname</span><span style="color: #009900;">(</span><span style="color: #009900; font-weight: bold;">__FILE__</span><span style="color: #009900;">)</span><span style="color: #339933;">.</span><span style="color: #0000ff;">"/twitter.json"</span><span style="color: #339933;">;</span>   <span style="color: #990000;">copy</span><span style="color: #009900;">(</span><span style="color: #000088;">$feed</span><span style="color: #339933;">,</span> <span style="color: #000088;">$newfile</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #000088;">$oldcontent</span> <span style="color: #339933;">=</span> <span style="color: #339933;">@</span><span style="color: #990000;">file_get_contents</span><span style="color: #009900;">(</span><span style="color: #000088;">$file</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$newcontent</span> <span style="color: #339933;">=</span> <span style="color: #339933;">@</span><span style="color: #990000;">file_get_contents</span><span style="color: #009900;">(</span><span style="color: #000088;">$newfile</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #b1b100;">if</span><span style="color: #009900;">(</span><span style="color: #000088;">$oldcontent</span> <span style="color: #339933;">!=</span> <span style="color: #000088;">$newcontent</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #990000;">copy</span><span style="color: #009900;">(</span><span style="color: #000088;">$newfile</span><span style="color: #339933;">,</span> <span style="color: #000088;">$file</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #000088;">$tweets</span> <span style="color: #339933;">=</span> <span style="color: #339933;">@</span><span style="color: #990000;">file_get_contents</span><span style="color: #009900;">(</span><span style="color: #000088;">$file</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #000088;">$tweets</span> <span style="color: #339933;">=</span> <span style="color: #990000;">json_decode</span><span style="color: #009900;">(</span><span style="color: #000088;">$tweets</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre></td></tr></table></div> <p>This will also check to see if any new Tweets have been added before it attempts to copy over the new Json file.</p> <p>To finish it all off, we need to display our Tweets. This examples outputs them into an <a href="https://web.archive.org/web/20100917191200/http://www.w3.org/TR/html401/struct/lists.html#h-10.2">unordered list</a>.</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="line_numbers"><pre>19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 </pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">"<ul>"</span><span style="color: #339933;">;</span> <span style="color: #b1b100;">for</span><span style="color: #009900;">(</span><span style="color: #000088;">$x</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span><span style="color: #000088;">$x</span><span style="color: #339933;"><</span><span style="color: #000088;">$num</span><span style="color: #339933;">;</span><span style="color: #000088;">$x</span><span style="color: #339933;">++</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #000088;">$str</span> <span style="color: #339933;">=</span> <span style="color: #990000;">ereg_replace</span><span style="color: #009900;">(</span><span style="color: #0000ff;">"[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]"</span><span style="color: #339933;">,</span><span style="color: #0000ff;">"<a href=<span style="color: #000099; font-weight: bold;">\"</span><span style="color: #000099; font-weight: bold;">\\</span>0<span style="color: #000099; font-weight: bold;">\"</span>><span style="color: #000099; font-weight: bold;">\\</span>0</a>"</span><span style="color: #339933;">,</span> <span style="color: #000088;">$tweets</span><span style="color: #339933;">-></span><span style="color: #004000;">results</span><span style="color: #009900;">[</span><span style="color: #000088;">$x</span><span style="color: #009900;">]</span><span style="color: #339933;">-></span><span style="color: #004000;">text</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$pattern</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'/[#|@][^\s]*/'</span><span style="color: #339933;">;</span> <span style="color: #990000;">preg_match_all</span><span style="color: #009900;">(</span><span style="color: #000088;">$pattern</span><span style="color: #339933;">,</span> <span style="color: #000088;">$str</span><span style="color: #339933;">,</span> <span style="color: #000088;">$matches</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #b1b100;">foreach</span><span style="color: #009900;">(</span><span style="color: #000088;">$matches</span><span style="color: #009900;">[</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">]</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$keyword</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #000088;">$keyword</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">(</span><span style="color: #0000ff;">")"</span><span style="color: #339933;">,</span><span style="color: #0000ff;">""</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">(</span><span style="color: #0000ff;">"#"</span><span style="color: #339933;">,</span><span style="color: #0000ff;">"%23"</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">(</span><span style="color: #0000ff;">"@"</span><span style="color: #339933;">,</span><span style="color: #0000ff;">""</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">(</span><span style="color: #990000;">strstr</span><span style="color: #009900;">(</span><span style="color: #000088;">$keyword</span><span style="color: #339933;">,</span><span style="color: #0000ff;">"@"</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #000088;">$search</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">"<a href=<span style="color: #000099; font-weight: bold;">\"</span>http://twitter.com/<span style="color: #006699; font-weight: bold;">$link</span><span style="color: #000099; font-weight: bold;">\"</span>><span style="color: #006699; font-weight: bold;">$keyword</span></a>"</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">{</span> <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">(</span><span style="color: #000088;">$link</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$search</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">"<a href=<span style="color: #000099; font-weight: bold;">\"</span>http://twitter.com/#search?q=<span style="color: #006699; font-weight: bold;">$link</span><span style="color: #000099; font-weight: bold;">\"</span> class=<span style="color: #000099; font-weight: bold;">\"</span>grey<span style="color: #000099; font-weight: bold;">\"</span>><span style="color: #006699; font-weight: bold;">$keyword</span></a>"</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #000088;">$str</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">(</span><span style="color: #000088;">$keyword</span><span style="color: #339933;">,</span> <span style="color: #000088;">$search</span><span style="color: #339933;">,</span> <span style="color: #000088;">$str</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span>   <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">"<li>"</span><span style="color: #339933;">.</span><span style="color: #000088;">$str</span><span style="color: #339933;">.</span><span style="color: #0000ff;">"</li><span style="color: #000099; font-weight: bold;">\n</span>"</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">"</ul>"</span><span style="color: #339933;">;</span></pre></td></tr></table></div> <p>Let’s put it all together and wrap it in a PHP tag.</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="line_numbers"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 </pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;"><?php</span> <span style="color: #000088;">$username</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">"your-user-name"</span><span style="color: #339933;">;</span> <span style="color: #000088;">$num</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">5</span><span style="color: #339933;">;</span>   <span style="color: #000088;">$feed</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">"http://search.twitter.com/search.json?q=from:"</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$username</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">"&amp;rpp="</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$num</span><span style="color: #339933;">;</span>   <span style="color: #000088;">$newfile</span> <span style="color: #339933;">=</span> <span style="color: #990000;">dirname</span><span style="color: #009900;">(</span><span style="color: #009900; font-weight: bold;">__FILE__</span><span style="color: #009900;">)</span><span style="color: #339933;">.</span><span style="color: #0000ff;">"/twitternew.json"</span><span style="color: #339933;">;</span> <span style="color: #000088;">$file</span> <span style="color: #339933;">=</span> <span style="color: #990000;">dirname</span><span style="color: #009900;">(</span><span style="color: #009900; font-weight: bold;">__FILE__</span><span style="color: #009900;">)</span><span style="color: #339933;">.</span><span style="color: #0000ff;">"/twitter.json"</span><span style="color: #339933;">;</span>   <span style="color: #990000;">copy</span><span style="color: #009900;">(</span><span style="color: #000088;">$feed</span><span style="color: #339933;">,</span> <span style="color: #000088;">$newfile</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #000088;">$oldcontent</span> <span style="color: #339933;">=</span> <span style="color: #339933;">@</span><span style="color: #990000;">file_get_contents</span><span style="color: #009900;">(</span><span style="color: #000088;">$file</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$newcontent</span> <span style="color: #339933;">=</span> <span style="color: #339933;">@</span><span style="color: #990000;">file_get_contents</span><span style="color: #009900;">(</span><span style="color: #000088;">$newfile</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #b1b100;">if</span><span style="color: #009900;">(</span><span style="color: #000088;">$oldcontent</span> <span style="color: #339933;">!=</span> <span style="color: #000088;">$newcontent</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #990000;">copy</span><span style="color: #009900;">(</span><span style="color: #000088;">$newfile</span><span style="color: #339933;">,</span> <span style="color: #000088;">$file</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #000088;">$tweets</span> <span style="color: #339933;">=</span> <span style="color: #339933;">@</span><span style="color: #990000;">file_get_contents</span><span style="color: #009900;">(</span><span style="color: #000088;">$file</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #000088;">$tweets</span> <span style="color: #339933;">=</span> <span style="color: #990000;">json_decode</span><span style="color: #009900;">(</span><span style="color: #000088;">$tweets</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">"<ul>"</span><span style="color: #339933;">;</span> <span style="color: #b1b100;">for</span><span style="color: #009900;">(</span><span style="color: #000088;">$x</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span><span style="color: #000088;">$x</span><span style="color: #339933;"><</span><span style="color: #000088;">$num</span><span style="color: #339933;">;</span><span style="color: #000088;">$x</span><span style="color: #339933;">++</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #000088;">$str</span> <span style="color: #339933;">=</span> <span style="color: #990000;">ereg_replace</span><span style="color: #009900;">(</span><span style="color: #0000ff;">"[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]"</span><span style="color: #339933;">,</span><span style="color: #0000ff;">"<a href=<span style="color: #000099; font-weight: bold;">\"</span><span style="color: #000099; font-weight: bold;">\\</span>0<span style="color: #000099; font-weight: bold;">\"</span>><span style="color: #000099; font-weight: bold;">\\</span>0</a>"</span><span style="color: #339933;">,</span> <span style="color: #000088;">$tweets</span><span style="color: #339933;">-></span><span style="color: #004000;">results</span><span style="color: #009900;">[</span><span style="color: #000088;">$x</span><span style="color: #009900;">]</span><span style="color: #339933;">-></span><span style="color: #004000;">text</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$pattern</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'/[#|@][^\s]*/'</span><span style="color: #339933;">;</span> <span style="color: #990000;">preg_match_all</span><span style="color: #009900;">(</span><span style="color: #000088;">$pattern</span><span style="color: #339933;">,</span> <span style="color: #000088;">$str</span><span style="color: #339933;">,</span> <span style="color: #000088;">$matches</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>   <span style="color: #b1b100;">foreach</span><span style="color: #009900;">(</span><span style="color: #000088;">$matches</span><span style="color: #009900;">[</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">]</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$keyword</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #000088;">$keyword</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">(</span><span style="color: #0000ff;">")"</span><span style="color: #339933;">,</span><span style="color: #0000ff;">""</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">(</span><span style="color: #0000ff;">"#"</span><span style="color: #339933;">,</span><span style="color: #0000ff;">"%23"</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">(</span><span style="color: #0000ff;">"@"</span><span style="color: #339933;">,</span><span style="color: #0000ff;">""</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">(</span><span style="color: #990000;">strstr</span><span style="color: #009900;">(</span><span style="color: #000088;">$keyword</span><span style="color: #339933;">,</span><span style="color: #0000ff;">"@"</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #000088;">$search</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">"<a href=<span style="color: #000099; font-weight: bold;">\"</span>http://twitter.com/<span style="color: #006699; font-weight: bold;">$link</span><span style="color: #000099; font-weight: bold;">\"</span>><span style="color: #006699; font-weight: bold;">$keyword</span></a>"</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">{</span> <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">(</span><span style="color: #000088;">$link</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #000088;">$search</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">"<a href=<span style="color: #000099; font-weight: bold;">\"</span>http://twitter.com/#search?q=<span style="color: #006699; font-weight: bold;">$link</span><span style="color: #000099; font-weight: bold;">\"</span> class=<span style="color: #000099; font-weight: bold;">\"</span>grey<span style="color: #000099; font-weight: bold;">\"</span>><span style="color: #006699; font-weight: bold;">$keyword</span></a>"</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #000088;">$str</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">(</span><span style="color: #000088;">$keyword</span><span style="color: #339933;">,</span> <span style="color: #000088;">$search</span><span style="color: #339933;">,</span> <span style="color: #000088;">$str</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span>   <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">"<li>"</span><span style="color: #339933;">.</span><span style="color: #000088;">$str</span><span style="color: #339933;">.</span><span style="color: #0000ff;">"</li><span style="color: #000099; font-weight: bold;">\n</span>"</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">"</ul>"</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?></span></pre></td></tr></table></div> <p>To see this script in action, just check out my footer.</p> <p><small>Twitter Bird image provided by <a href="https://web.archive.org/web/20100917191200/http://pasqualedsilva.com/">Pasquale D’Silva</a> and <a href="https://web.archive.org/web/20100917191200/http://wefunction.com/2008/07/freebie-twitter-icons-illustration/">Function</a>.</small></p> <div class="buttonbox"> </div> </div> <div class="post"> <div class="socialleft">If you liked this, please share it.</div> <ul class="addtoany_list"> <li><a href="https://web.archive.org/web/20100917191200/http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2Fdj7sk5&counturl=http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/" class="twitter-share-button" data-count="vertical" data-via="bavotasan">Tweet</a><script type="text/javascript" src="https://web.archive.org/web/20100917191200js_/http://platform.twitter.com/widgets.js"></script></li> <li><a href="https://web.archive.org/web/20100917191200/http://www.facebook.com/sharer.php?u=http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/&t=How to Create a Twitter Feed on Your Web Site" title="Click to send this page to Facebook!" target="_blank" rel="nofollow" class="facebook-icon"></a></li> <li><a href="https://web.archive.org/web/20100917191200/http://digg.com/submit?phase=2&url=http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/&title=How to Create a Twitter Feed on Your Web Site&bodytext=Twitter has quickly become one of the most popular social networking sites online. It is currently ranked among the top twenty Web sites in the world and has over a million users. I have only recently hopped on the bandwagon and so far I have been able to connect with many interesting people and discover [...]" title="Digg" rel="nofollow" target="_blank" class="digg-icon"></a></li> <li><a href="https://web.archive.org/web/20100917191200/http://www.delicious.com/save" onclick="window.open('https://web.archive.org/web/20100917191200/http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent('https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/')+'&title='+encodeURIComponent('How to Create a Twitter Feed on Your Web Site'),'delicious', 'toolbar=no,width=550,height=550'); return false;" class="delicious-icon"></a></li> <li><a href="https://web.archive.org/web/20100917191200/http://www.stumbleupon.com/submit?url=http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/&title=How to Create a Twitter Feed on Your Web Site" title="StumbleUpon" rel="nofollow" target="_blank" class="stumbleupon-icon"></a></li> <li><iframe src="https://web.archive.org/web/20100917191200if_/http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbavotasan.com%2Ftutorials%2Fhow-to-create-a-twitter-feed-on-your-web-site%2F&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe></li> </ul> </div> <div class="post"> <p class="tags">Tags: <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/amp/" rel="tag">Amp</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/api/" rel="tag">api</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/bugs/" rel="tag">bugs</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/file/" rel="tag">file</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/footer/" rel="tag">footer</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/foreach/" rel="tag">Foreach</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/link/" rel="tag">link</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/online/" rel="tag">online</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/search/" rel="tag">search</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/traffic/" rel="tag">traffic</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/tweets/" rel="tag">tweets</a>, <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tag/twitter/" rel="tag">Twitter</a></p> <p class="tags">Short URL: <a href="https://web.archive.org/web/20100917191200/http://bit.ly/dj7sk5" title="How to Create a Twitter Feed on Your Web Site">http://bit.ly/dj7sk5</a></p> </div> <div class="post"> <div id="crp_related"> <h3>Similar Posts</h3> <ul> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/adding-tweet-button-wordpress/" rel="bookmark" title="Permanent Link to Adding a Tweet Button to WordPress">Adding a Tweet Button to WordPress</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/developing-themes-for-wordpress-template-file/" rel="bookmark" title="Permanent Link to Developing Themes for WordPress: Part 2">Developing Themes for WordPress: Part 2</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/create-bit-ly-short-urls-for-your-posts-in-wordpress/" rel="bookmark" title="Permanent Link to Create bit.ly Short URLs for your Posts in WordPress">Create bit.ly Short URLs for your Posts in WordPress</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/jquery-replace-word-with-link/" rel="bookmark" title="Permanent Link to Use jQuery to Replace a Word with a Link">Use jQuery to Replace a Word with a Link</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/using-ajax-with-wordpress/" rel="bookmark" title="Permanent Link to Using Ajax with WordPress">Using Ajax with WordPress</a></li> </ul> </div> <a href="https://web.archive.org/web/20100917191200/http://www.netfirms.com/web-hosting/web-hosting-business/?a_aid=4c8bb52b19602&a_bid=8f049e07" target="_top" style="float:right;"><img src="https://web.archive.org/web/20100917191200im_/http://www.webhostrevenue.com/accounts/default1/banners/300x250-us.gif" alt="Netfirms Business Hosting Plan" title="Netfirms Business Hosting Plan" width="250" height="208"/></a><img style="border:0" src="https://web.archive.org/web/20100917191200im_/http://www.webhostrevenue.com/scripts/imp.php?a_aid=4c8bb52b19602&a_bid=8f049e07" width="1" height="1" alt=""/> </div> <div class="post"> <a href="#comment_list"></a> <div id="comments"> <h3 id="comments-title">Discussion <small> 41 Comments</small> </h3> <div class="navigation"> <div class="fl"></div> <div class="fr"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/comment-page-2/#comments">Newer Comments →</a></div> </div> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="li-comment-5362"> <div id="comment-5362"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/d46321c228815686f713aca68561d0f8?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.thephoenixsun.com/" rel="external " class="url">Osha Gray Davidson</a></span> <span class="commentdate"> on October 11, 2009 at 10:24 am</span> </div> <div class="comment-text"> <p>I’ve placed a twitter feed widget in my sidebar (Magazine Basic). I’d like to add several twitter feeds in widget type format (a box) to the center column — not a sidebar. Is it possible to do that?<br/> Thanks. You can see the twitter feed I have now on my site. I just want a page full of similar ones – each following its own feed.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=5362#respond" onclick="return addComment.moveForm("comment-5362", "5362", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-5560"> <div id="comment-5560"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/d46321c228815686f713aca68561d0f8?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.thephoenixsun.com/" rel="external " class="url">Osha Gray Davidson</a></span> <span class="commentdate"> on October 21, 2009 at 6:47 pm</span> </div> <div class="comment-text"> <p>Hello? Anyone?</p> </div> </div> </li> <li class="comment byuser bypostauthor even depth-2" id="li-comment-5595"> <div id="comment-5595"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on October 22, 2009 at 10:21 pm</span> </div> <div class="comment-text"> <p>Hey Osha,</p> <p>You could use this code but it would need some modifications because of the file that is being copied over. If you just used it multiple times the files would overwrite themselves.</p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-5457"> <div id="comment-5457"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/b1fb0ec0b7b416b275baa618c573f3cd?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://moneyonline.affiliatemoneysite1.com/" rel="external " class="url">Ralph J Ramirez</a></span> <span class="commentdate"> on October 16, 2009 at 10:59 am</span> </div> <div class="comment-text"> <p>Hello.. this was my site up unitl a few moments ago..</p> <p><a href="https://web.archive.org/web/20100917191200/http://moneyonline.affiliatemoneysite1.com/">http://moneyonline.affiliatemoneysite1.com</a> </p> <p>I need help, I somehow deleted my WP.org blog with the snowblind theme..in an attempt to get my twitter feed up and going..<br/> AS I am reading your post on how easy this is.. please explain the word “easy” perhaps it is in your world. not mine..sorry about that I come from a different generation..</p> <p>When you say in your post…</p> <p>“Next we need to copy the Json file to our server, just in case the Search API doesn鈥毭劽磘 respond during our next attempt to grap our Tweets.”</p> <p>Question…#1… I do know how to upload a file to my server, what I dont know is ….where and how do you create that file and what do you put in it to make it work right.</p> <p>I apparently tried to edit the php within the editor and now this is all I get.</p> <p>Warning: copy() [function.copy]: URL file-access is disabled in the server configuration in /homepages/26/d282906938/htdocs/WordPress2.8.2/wordpress/wp-content/themes/snowblind/widgets/widget_twitter.php on line 10</p> <p>Warning: copy(http://search.twitter.com/search.thecoffeedude?q=from:&rpp=5) [function.copy]: failed to open stream: no suitable wrapper could be found in /homepages/26/d282906938/htdocs/WordPress2.8.2/wordpress/wp-content/themes/snowblind/widgets/widget_twitter.php on line 10</p> <p>Question #2 </p> <p>Your theme is great dont get me wrong..I like it alot and I want to continue to use it..<br/> but when you say it can edited, where and how do you do that????<br/> I have been to the editor from my dashboard numerous times and in attempt to see a reaction to an action.. just for giggles to see what happens.. nothing happens..</p> <p>I tried to change the username to my twitter username “thecoffeedude” within the editor and nothing changed.. then I deleted the entire php twitter tag code from the editor, updated the file, and guess what, the twitter bird still appeared on the my theme with no change at all..HUH!mmmmm</p> <p>I then copied the php tag above from your post, inserted into the theme editor from my dashboard, inserted my username “thecoffeedude”<br/> wherever I thought it needed to be and now I completely screwed it up big time. My blogsite doesn’t even appear at all.. just check out the link above and you’ll see.</p> <p>In essence this little bird screwed me up completely..<br/> Perhaps the best way to use the word easy.. must mean that its pretty easy to screw yourself up if you dont have the know how, this is obviously what you must mean..LOL HA HA..!</p> <p>What I have concluded from this is that the editor within these themes is non responsive editor.<br/> So now I assuming that these edit changes have to occur on the server but the server does not let you edit.. so whats the story here? Where do you edit, how do you create a file that works right so that I can load it onto my server.. </p> <p>For me to figure this out seems like an impossibility..<br/> your use of the word “easy” HOLY COW… where did that ever come from…?????<br/> this is far from easy..</p> <p>Its more like a maze of executions.<br/> its like the little mouse trying to get the cheese at the end of the maze..</p> <p>I tend to think that this about about experience, something I dont have as of yet..Your right this isn’t really hard. We all know how to read, but many of us like myself dont know how to drive..<br/> so thats why I need a little guidance from you, the designer of the snowblind theme..</p> <p>Can you help me?</p> <p>Thanks for listening..</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=5457#respond" onclick="return addComment.moveForm("comment-5457", "5457", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-5547"> <div id="comment-5547"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://tinkerpriestmedia.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on October 21, 2009 at 11:32 am</span> </div> <div class="comment-text"> <p>Your server does not allow URL file access so the Twitter function will not work. Find a widget plugin to pull the Twitter feed and add it to the footer bar. That should solve the problem.</p> <p>As for the above code being easy, it is if your server is configured properly. All you would have to do is cut and paste and change a few variables.</p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-5460"> <div id="comment-5460"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/b1fb0ec0b7b416b275baa618c573f3cd?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://moneyonline.affiliatemoneysite1.com/" rel="external " class="url">Ralph J Ramirez</a></span> <span class="commentdate"> on October 16, 2009 at 3:23 pm</span> </div> <div class="comment-text"> <p>Hello.. Well after much inquiries and time from my hosting account who are always very helpful and responsive, we managed to restore the snowblind theme to its original status ..thank goodness..</p> <p>However I would still like to know how to delete the 2 warning statements just below the STAY IN TUNE caption/tittle at the very bottom of the page..<br/> the follow me twitter link apparently is working fine and it actually takes you to my twitter page.. great stuff.. how it does that, I have no idea.. I still would like to learn all about creating files and directories and editing in general..<br/> As time will allow..<br/> I do realize…Learning is ongoing experience..</p> <p>Hope you can respond to me sometime, the earlier the better..</p> <p>thanks.</p> <p>RJR the coffeedude</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=5460#respond" onclick="return addComment.moveForm("comment-5460", "5460", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-5546"> <div id="comment-5546"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://tinkerpriestmedia.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on October 21, 2009 at 11:29 am</span> </div> <div class="comment-text"> <p>Hey Ralph,</p> <p>Some servers have higher security settings that make it very difficult to use certain code snippets and it seems like your server is one of them.</p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-5575"> <div id="comment-5575"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/b1fb0ec0b7b416b275baa618c573f3cd?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">Ralph J</span> <span class="commentdate"> on October 22, 2009 at 9:00 am</span> </div> <div class="comment-text"> <p>Can you suggest the perfect host for your theme..<br/> If my hosting has high security settings..I rather switch than to try to change that.. not familiar..</p> <p>thanks..</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=5575#respond" onclick="return addComment.moveForm("comment-5575", "5575", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-5596"> <div id="comment-5596"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on October 22, 2009 at 10:24 pm</span> </div> <div class="comment-text"> <p>Bluehost is set up to work perfectly with my themes.</p> <p><a href="https://web.archive.org/web/20100917191200/http://www.bluehost.com/track/odditycinema/">http://www.bluehost.com/track/odditycinema/</a></p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-6203"> <div id="comment-6203"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/42c59d1498dcfa2a74b0d244b6171047?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.lovehotlogic.com/" rel="external " class="url">Rob Dunne</a></span> <span class="commentdate"> on November 16, 2009 at 5:16 am</span> </div> <div class="comment-text"> <p>Hello Hello,</p> <p>Really nice code, but it threw an error on line 23 – undefined variable, which I figured to be $limit. Just added $limit = 3; before the for loop and all worked fine.</p> <p>Thanks!</p> <p>Rob</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=6203#respond" onclick="return addComment.moveForm("comment-6203", "6203", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-6215"> <div id="comment-6215"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on November 16, 2009 at 12:25 pm</span> </div> <div class="comment-text"> <p>Nice catch. Thanks. I have fixed the code above. You just needed to replace <code>limit</code> with <code>num</code></p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-6350"> <div id="comment-6350"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/3e0d2d1b28d29bcbf58df9f10f663892?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://mountainpro.ca/" rel="external " class="url">mikebromberg</a></span> <span class="commentdate"> on November 21, 2009 at 7:54 pm</span> </div> <div class="comment-text"> <p>I am using your feed with the Snowblind theme, things are working great except that the shortened hyperlinks are not functioning properly. Any help would be really appreciated…</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=6350#respond" onclick="return addComment.moveForm("comment-6350", "6350", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment even thread-even depth-1" id="li-comment-6733"> <div id="comment-6733"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/e65d3d069ce30ff03daca4e202e0d127?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.squidoo.com/xml/syndicate_lens/Online-Money-Quick-And-Easy" rel="external " class="url">Paul Tuggle</a></span> <span class="commentdate"> on December 12, 2009 at 11:54 am</span> </div> <div class="comment-text"> <p>Can people really make money on Twitter? I have been reading this web site that says people can.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=6733#respond" onclick="return addComment.moveForm("comment-6733", "6733", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment odd alt depth-2" id="li-comment-7840"> <div id="comment-7840"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/bfda89749ecd484b296679609737b236?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.bautagebuch-wolf.de/" rel="external " class="url">Bautagebuch</a></span> <span class="commentdate"> on February 22, 2010 at 11:34 am</span> </div> <div class="comment-text"> <p>Yep! You can post some aff codes with an url shortener! <img src="https://web.archive.org/web/20100917191200im_/http://bavotasan.com/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley"/> </p> </div> </div> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-6734"> <div id="comment-6734"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/de27215e6230265777d7539e306182d9?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.squidoo.com/xml/syndicate_lens/Online-Money-Quick-And-Easy" rel="external " class="url">Tyrone Smith</a></span> <span class="commentdate"> on December 12, 2009 at 11:59 am</span> </div> <div class="comment-text"> <p>I have been working on my Twitter followers, trying to build them up. Is this worthwhile down the road if I want to make money by marketing to them?</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=6734#respond" onclick="return addComment.moveForm("comment-6734", "6734", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-7839"> <div id="comment-7839"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/1b69c959639f14ee2042d822341a9d48?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.trihotel-rostock.de/" rel="external " class="url">Hotel Rostock</a></span> <span class="commentdate"> on February 22, 2010 at 11:32 am</span> </div> <div class="comment-text"> <p>Pretty great! It卢楼s working fine. Thx for share.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=7839#respond" onclick="return addComment.moveForm("comment-7839", "7839", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-7854"> <div id="comment-7854"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/1b447c308a3f2c4540a6e98a43e4942a?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://hubpages.com/profile/kjetil" rel="external " class="url">Kjetil</a></span> <span class="commentdate"> on February 22, 2010 at 7:45 pm</span> </div> <div class="comment-text"> <p>Amazing!! Thank you sooo much <img src="https://web.archive.org/web/20100917191200im_/http://bavotasan.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/> </p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=7854#respond" onclick="return addComment.moveForm("comment-7854", "7854", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-7896"> <div id="comment-7896"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/d9a0ed4ca779c0d587be850c6ec54e81?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">konei</span> <span class="commentdate"> on February 25, 2010 at 5:22 pm</span> </div> <div class="comment-text"> <p>Remember CHMOD the .json directory to 777</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=7896#respond" onclick="return addComment.moveForm("comment-7896", "7896", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-8066"> <div id="comment-8066"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/0cee867bd6b5059a4c1aa1cff9e7be14?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">ddkooij</span> <span class="commentdate"> on March 5, 2010 at 6:28 am</span> </div> <div class="comment-text"> <p>Getting an error.<br/> Deprecated: Function ereg_replace() is deprecated in line 30<br/> which is this line.</p> <p>$str = ereg_replace(“[[:alpha:]]+://[^[:space:]]+[[:alnum:]/]”,”<a href="\">\</a>“, $tweets->results[$x]->text);</p> <p>I’am really just starting PHP so I really don’t know what’s happening. Using WAMP Sever2.0 to test it. Anybody know what went wrong?</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=8066#respond" onclick="return addComment.moveForm("comment-8066", "8066", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor odd alt depth-2" id="li-comment-8086"> <div id="comment-8086"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on March 6, 2010 at 10:58 am</span> </div> <div class="comment-text"> <p>It is deprecated as of PHP 5.3 and will be removed in PHP 6. They suggest using <a href="https://web.archive.org/web/20100917191200/http://www.php.net/manual/en/book.pcre.php">PCRE extension</a> instead.</p> </div> </div> </li> </ul> </li> <li class="comment even thread-even depth-1" id="li-comment-8067"> <div id="comment-8067"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/0cee867bd6b5059a4c1aa1cff9e7be14?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">ddkooij</span> <span class="commentdate"> on March 5, 2010 at 6:46 am</span> </div> <div class="comment-text"> <p>Changed ereg_place with str_replace and this seemed to work.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=8067#respond" onclick="return addComment.moveForm("comment-8067", "8067", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-8092"> <div id="comment-8092"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/283223cb4283d714eb96068519e88e19?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">ecir79</span> <span class="commentdate"> on March 6, 2010 at 11:17 am</span> </div> <div class="comment-text"> <p>Hello, I am a bit confused regarding what I should write in place of __FILE__. Is this the place where I want the file to be copied?</p> <p>Could you show me a practical example?</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=8092#respond" onclick="return addComment.moveForm("comment-8092", "8092", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment even thread-even depth-1" id="li-comment-8103"> <div id="comment-8103"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/283223cb4283d714eb96068519e88e19?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">ecir79</span> <span class="commentdate"> on March 6, 2010 at 4:50 pm</span> </div> <div class="comment-text"> <p>Never mind, I figured out by myself.<br/> I was doing everything right, but apparently only the latest messages are retrieved this way – and setting the since_id parameter does nothign at all… has anyone had the same problem?</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=8103#respond" onclick="return addComment.moveForm("comment-8103", "8103", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor odd alt depth-2" id="li-comment-8159"> <div id="comment-8159"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on March 9, 2010 at 10:24 am</span> </div> <div class="comment-text"> <p>For some reason, Twitter only shows the messages from the past seven days or so. You will notice in my footer that every once in a while the five Tweets become only two or three. Weird but that is how they do it. I guess it is a reason to Tweet more.</p> </div> </div> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-8144"> <div id="comment-8144"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/cb9aa9bd7da4a3ff4c400e4f2a226330?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">RichMiles</span> <span class="commentdate"> on March 8, 2010 at 7:00 pm</span> </div> <div class="comment-text"> <p>Firstly, I love the code, but I’m looking to just go a little further. Can you use the json return file to show the post date/time? i.e. to display under each li “about X mins/hours/days ago”</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=8144#respond" onclick="return addComment.moveForm("comment-8144", "8144", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor odd alt depth-2" id="li-comment-8160"> <div id="comment-8160"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on March 9, 2010 at 10:26 am</span> </div> <div class="comment-text"> <p>There is a way but my math skills are a little rusty and it requires taking the posting date/time and the current date/time and doing a bunch of funky things to it.</p> </div> </div> </li> </ul> </li> <li class="comment even thread-even depth-1" id="li-comment-8165"> <div id="comment-8165"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/3b4fec991fd347d4164474d21860bc5c?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.povedasharman.co.uk/" rel="external " class="url">Daniel</a></span> <span class="commentdate"> on March 9, 2010 at 2:56 pm</span> </div> <div class="comment-text"> <p>Youve lost me with the .Json file????<br/> Where do i get it? Where do i put it?</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=8165#respond" onclick="return addComment.moveForm("comment-8165", "8165", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor odd alt depth-2" id="li-comment-8188"> <div id="comment-8188"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on March 10, 2010 at 10:12 am</span> </div> <div class="comment-text"> <p>The .json file is taken from Twitter using the API. The code above copies it. You might want to try the other Twitter feed tutorial I have.</p> <p><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/a-better-twitter-feed-for-your-web-site/">http://bavotasan.com/tutorials/a-better-twitter-feed-for-your-web-site/</a></p> </div> </div> </li> </ul> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-8950"> <div id="comment-8950"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/7f7ea19e5b99f397de0e9100953b71d7?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">bryant</span> <span class="commentdate"> on April 23, 2010 at 5:57 pm</span> </div> <div class="comment-text"> <p>Hello,<br/> I’m not a PHP expert so I have a few questions after putting the .json file into php tags. Where do I go from there, do I connect the php file to the index page? Or does it automatically connect to the index page?</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=8950#respond" onclick="return addComment.moveForm("comment-8950", "8950", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-9456"> <div id="comment-9456"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/11dddcc5d6e77d3fc205599218855265?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.solid-creative.com/" rel="external " class="url">Paul</a></span> <span class="commentdate"> on May 17, 2010 at 10:26 pm</span> </div> <div class="comment-text"> <p>Thanks heaps! Works a treat.</p> <p>Wondering though…how could the code be affected to not display retweets?</p> <p>Hit me up directly if you’d prefer.</p> <p>All help appreciated.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=9456#respond" onclick="return addComment.moveForm("comment-9456", "9456", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-9482"> <div id="comment-9482"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on May 19, 2010 at 9:41 am</span> </div> <div class="comment-text"> <p>Hmm. Not that I know of. But you can look through the Twitter API and see if it is at all possible.</p> <p><a href="https://web.archive.org/web/20100917191200/http://apiwiki.twitter.com/Twitter-API-Documentation">http://apiwiki.twitter.com/Twitter-API-Documentation</a></p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-9820"> <div id="comment-9820"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/97ae5fd555e262ffc2c1a4012a3d03b9?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">James</span> <span class="commentdate"> on May 27, 2010 at 8:39 am</span> </div> <div class="comment-text"> <p>Hi,<br/> Does this display all latest tweets from all friends in your twitter account or just tweets by myself ?</p> <p>Thanks</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=9820#respond" onclick="return addComment.moveForm("comment-9820", "9820", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-9822"> <div id="comment-9822"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on May 27, 2010 at 10:55 am</span> </div> <div class="comment-text"> <p>This will only display your tweets and direct messages. You can check out the Twitter API to see how you can modify the request.</p> <p><a href="https://web.archive.org/web/20100917191200/http://apiwiki.twitter.com/">http://apiwiki.twitter.com/</a></p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-9976"> <div id="comment-9976"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/02fa7d98dddd400c7c103552bccab541?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.kreative-myndz.daportfolio.com/" rel="external " class="url">icymar</a></span> <span class="commentdate"> on June 1, 2010 at 4:56 am</span> </div> <div class="comment-text"> <p>Hi I am having an error on </p> <p>Notice: Undefined offset: 0 in c:\easyphp1-8\www\test\facebook-twiiter\json\index.php on line 25</p> <p>for($x=0;$x<$num;$x++) {<br/> $str = ereg_replace("[[:alpha:]]+://[^[:space:]]+[[:alnum:]/]”,”<a href="\">\</a>“, $tweets->results[$x]->text);<br/> $pattern = ‘/[#|@][^\s]*/’;<br/> preg_match_all($pattern, $str, $matches);</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=9976#respond" onclick="return addComment.moveForm("comment-9976", "9976", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment even depth-2" id="li-comment-10084"> <div id="comment-10084"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/02fa7d98dddd400c7c103552bccab541?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.kreative-myndz.daportfolio.com/" rel="external " class="url">icymar</a></span> <span class="commentdate"> on June 1, 2010 at 10:14 pm</span> </div> <div class="comment-text"> <p>Hi really need your help badly..</p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-10089"> <div id="comment-10089"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/02fa7d98dddd400c7c103552bccab541?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.kreative-myndz.daportfolio.com/" rel="external " class="url">icymar</a></span> <span class="commentdate"> on June 2, 2010 at 12:53 am</span> </div> <div class="comment-text"> <p>I get it but no tweets are posted on the dot for the li.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=10089#respond" onclick="return addComment.moveForm("comment-10089", "10089", "respond", "1262")">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-10100"> <div id="comment-10100"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on June 2, 2010 at 10:34 am</span> </div> <div class="comment-text"> <p>I don’t know how well this would work in a test environment. You should try it online and see if that works for you.</p> </div> </div> </li> <li class="comment odd alt depth-2" id="li-comment-10125"> <div id="comment-10125"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/02fa7d98dddd400c7c103552bccab541?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://www.kreative-myndz.daportfolio.com/" rel="external " class="url">icymar</a></span> <span class="commentdate"> on June 3, 2010 at 4:48 am</span> </div> <div class="comment-text"> <p>thanks for the reply c.bavota I already tested it online but I only get the dot from li. I only copy and paste the link. at first It works for 1 week but not only the dot shows..</p> </div> </div> </li> <li class="comment byuser bypostauthor even depth-2" id="li-comment-10146"> <div id="comment-10146"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on June 3, 2010 at 9:04 am</span> </div> <div class="comment-text"> <p>It might be better to try the other tutorial.</p> <p><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/a-better-twitter-feed-for-your-web-site/">http://bavotasan.com/tutorials/a-better-twitter-feed-for-your-web-site/</a></p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-10351"> <div id="comment-10351"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://0.gravatar.com/avatar/67a83079b73be9a9b75ea903a143b4ef?s=60&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100917191200/http://na/" rel="external " class="url">andrew</a></span> <span class="commentdate"> on June 4, 2010 at 12:13 pm</span> </div> <div class="comment-text"> <p>Hey there. great code BTW. i have a few issues however. </p> <p>1) For some reason i cant get it to grab more then one tweet.. It loops through the numbers and creats a based on $num… however it only displays 1 tweet</p> <p>2) ereg_replace is being taken out in php 5.3… any alternatives?</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=10351#respond" onclick="return addComment.moveForm("comment-10351", "10351", "respond", "1262")">Reply</a> </div> </div> </li> <li class="comment even thread-odd thread-alt depth-1" id="li-comment-15910"> <div id="comment-15910"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100917191200im_/http://1.gravatar.com/avatar/346aa6586f4ebba4e77bb68a6900ba7a?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">john</span> <span class="commentdate"> on September 4, 2010 at 8:51 pm</span> </div> <div class="comment-text"> <p>How can I add the time of the tweet below each feed item?</p> <p>Thanks — worked great for me!</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/?replytocom=15910#respond" onclick="return addComment.moveForm("comment-15910", "15910", "respond", "1262")">Reply</a> </div> </div> </li> </ol> <a name="respond"></a> <div id="respond"> <h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://web.archive.org/web/20100917191200/http://bavotasan.com/wp-comments-post.php" method="post" id="commentform"> <p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name</label> <span class="required">*</span><br/><input id="author" name="author" type="text" value="" size="30"/></p> <p class="comment-form-email"><label for="email">Email</label> <span class="required">*</span><br/><input id="email" name="email" type="text" value="" size="30"/></p> <p class="comment-form-url"><label for="url">Website</label><br/><input id="url" name="url" type="text" value="" size="30"/></p> <p>To enter code in the comment box, please place it between <strong><pre lang="php"> </pre></strong> tags. You don't have to convert any characters to their hex/HTML code. Just add your code the way you would to any code editor.</p> <p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-submit"> <input name="submit" type="submit" id="submit" value="Post Comment"/> <input type="hidden" name="comment_post_ID" value="1262" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p> </form> </div> </div> </div> </div>  <div id="sidebar"> <div id="search"> <form method="get" id="searchform" action="https://web.archive.org/web/20100917191200/http://bavotasan.com/"> <div> <input type="text" class="search_input" value="Search" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"/> <input type="hidden" id="searchsubmit" value="Search"/> </div> </form> <div class="arrow"></div> </div> <div id="sideads">  <div id="bsap_1237633" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  <br class="clear"/>  <div id="bsap_1237624" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  </div> <br class="clear"/> <div class="line"></div> <div class="side-widget"> <h4>Most Popular Posts</h4> <ul class="wppp_list"> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/" title="Creating a Mouseover Fade Effect with jQuery ">Creating a Mouseover Fade Effect with jQuery </a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/a-simple-mouseover-hover-effect-with-jquery/" title="A Simple Mouseover Hover Effect with jQuery">A Simple Mouseover Hover Effect with jQuery</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/" title="Full Size Background Image jQuery Plugin">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/limiting-the-number-of-words-in-your-excerpt-or-content-in-wordpress/" title="Excerpt or Content Word Limit in WordPress: Redux">Excerpt or Content Word Limit in WordPress: Redux</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/processing-multiple-forms-on-one-page-with-php/" title="Processing Multiple Forms on One Page with PHP">Processing Multiple Forms on One Page with PHP</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/" title="How to Create a Twitter Feed on Your Web Site">How to Create a Twitter Feed on Your Web Site</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/retrieve-the-first-image-from-a-wordpress-post/" title="Retrieve and Display Images from a WordPress Post">Retrieve and Display Images from a WordPress Post</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/" title="Magazine Basic v2.6 WordPress Theme">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/6-free-vinyl-record-vectors/" title="6 Free Vinyl Record Vectors">6 Free Vinyl Record Vectors</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/how-to-modify-your-wordpress-title-tag-for-search-engine-optimization/" title="How to Modify Your WordPress <title> Tag for Search Engine Optimization">How to Modify Your WordPress <title> Tag for Search Engine Optimization</a></li> </ul> </div> <div id="affiliates-ads"> <a href="https://web.archive.org/web/20100917191200/http://themes.bavotasan.com/" class="themes"></a> <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/" class="deletedupes"></a> <a href="https://web.archive.org/web/20100917191200/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest&page=7" class="inmotion"></a> </div> <div class="line"></div> <div class="side-widget redlink"> <h4>Get a Premium Theme for FREE</h4> <p><a href="https://web.archive.org/web/20100917191200/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest" class="wordpress-logo"></a>Don't have a Web site? How would you like to have WordPress and a <a href="https://web.archive.org/web/20100917191200/http://themes.bavotasan.com/category/premium-themes">Themes by bavotasan.com</a> Premium theme installed and configured for <em>FREE</em>? All you need to do is <a href="https://web.archive.org/web/20100917191200/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest">sign up with InMotion Hosting through this link</a>. <br/> <br/> <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/free-premium-theme/" class="fr"><em>Click here for more information »</em></a> </p> </div> <div class="side-widget"> <h4>Support c.bavota</h4> <p>If you would like to support <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/">c.bavota</a> and <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/">bavotasan.com</a>, please use the donate link below. Any amount, even $1.00, is appreciated (a man's gotta eat, ya know).</p> <a href="https://web.archive.org/web/20100917191200/https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5745952" id="donate" class="fr">Donate</a> </div> </div> </div> </div>  <div class="whiteline"></div> <div id="footer"> <div id="bottombar"> <a href="javascript:void(0)" class="backtotop">Back to Top<span></span></a> <div class="col col1"> <h4 class="one"><span></span>Stay in Touch</h4> <a href="https://web.archive.org/web/20100917191200/http://twitter.com/bavotasan" class="footer-twitter"><span></span>Follow me on Twitter</a><br/> <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/feed/" class="footer-rss"><span></span>Subscribe to my RSS Feed</a> <br class="clear"/> <h4 class="two"><span></span>Stay in Tune</h4> <div class="tweets"></div> </div> <div class="col col2"> <h4 class="three"><span></span>Downloads</h4> <ul> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/feed-me-seymour-free-wordpress-theme/">Feed Me, Seymour 1.2</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/sliderota-jquery-plugin/">Sliderota jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/easy-overlay-modal-window-jquery-plugin/">Easy Overlay Modal Window jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/snowblind-free-wordpress-theme/">Snowblind v1.1.2 Free WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/8-free-colorful-background-textures-for-designers/">8 Free Colorful Background Textures for Designers</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/">Stationery Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/">Illustrious Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/">Delete Duplicate Posts Pro WordPress Plugin</a></li> </ul> </div> <div class="col col3"> <h4 class="four"><span></span>Tutorials</h4> <ul> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/text-rotation-css3/">Text Rotation with CSS3</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/adding-tweet-button-wordpress/">Adding a Tweet Button to WordPress</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/">Developing Themes for WordPress: Part 5</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/developing-themes-for-wordpress-options/">Developing Themes for WordPress: Part 4</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/developing-themes-for-wordpress-the-loop/">Developing Themes for WordPress: Part 3</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/developing-themes-for-wordpress-template-file/">Developing Themes for WordPress: Part 2</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/developing-themes-for-wordpress-part-1/">Developing Themes for WordPress: Part 1</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/">Optimization Tips to Speed Up Your Site</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/create-bit-ly-short-urls-for-your-posts-in-wordpress/">Create bit.ly Short URLs for your Posts in WordPress</a></li> <li><a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/tutorials/optimizing-your-mysql-database/">Optimizing your MySQL Database</a></li> </ul> </div> </div> </div> <div id="copyright"> <div id="copyright-wrapper"> Copyright © 2010 <a href="https://web.archive.org/web/20100917191200/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20100917191200/http://www.wordpress.org/">WordPress</a>. </div> </div> <script src="https://web.archive.org/web/20100917191200js_/http://stats.wordpress.com/e-201037.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'5317602',v:'ext',post:'1262'}); var load_cmc = function(){linktracker_init(5317602,1262,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <script type="text/javascript" src="https://web.archive.org/web/20100917191200js_/http://bavotasan.com/wp-content/themes/bavotasan-2010/js/coolstuff.js"></script> <script type="text/javascript"> hs.graphicsDir = 'https://web.archive.org/web/20100917191200/http://bavotasan.com/images/graphics/'; hs.outlineType = 'rounded-white'; hs.outlineWhileAnimating = true; hs.showCredits = false; </script>  </body> </html>