<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>bavotasan.com &#187; tutorial</title>
	<atom:link href="http://bavotasan.com/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://bavotasan.com</link>
	<description>by c.bavota</description>
	<lastBuildDate>Tue, 07 Feb 2012 15:42:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>The Last Day of 2010</title>
		<link>http://bavotasan.com/2010/the-last-day-of-2010/</link>
		<comments>http://bavotasan.com/2010/the-last-day-of-2010/#comments</comments>
		<pubDate>Fri, 31 Dec 2010 19:17:05 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[2011]]></category>
		<category><![CDATA[articles]]></category>
		<category><![CDATA[c.bavota]]></category>
		<category><![CDATA[features]]></category>
		<category><![CDATA[happy new year]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=3063</guid>
		<description><![CDATA[I just wanted to thank everyone for help making 2010 an extremely successful and rewarding year here at bavotasan.com. I&#8217;m hoping to keep up the momentum in 2011 with more tutorials and articles so be sure to keep coming back, and let me know if there are any specific subjects you would like to see [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://bavotasan.com/wp-content/uploads/2010/12/bluetree.jpg" alt="" title="bluetree" width="200" height="150" class="alignright size-full wp-image-3064" />I just wanted to thank everyone for help making 2010 an extremely successful and rewarding year here at bavotasan.com. I&#8217;m hoping to keep up the momentum in 2011 with more tutorials and articles so be sure to keep coming back, and let me know if there are any specific subjects you would like to see featured.</p>
<p>All the best,</p>
<p>c.bavota</p>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2010/the-last-day-of-2010/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A Better Twitter Feed for Your Web Site</title>
		<link>http://bavotasan.com/2009/a-better-twitter-feed-for-your-web-site/</link>
		<comments>http://bavotasan.com/2009/a-better-twitter-feed-for-your-web-site/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 17:32:05 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[Function]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[page]]></category>
		<category><![CDATA[Profile]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[Sidebar]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=1545</guid>
		<description><![CDATA[I have already posted a tutorial on How to Create a Twitter Feed on Your Web Site and I have been having a lot of emails in regards to people whose hosts do not allow URL file-access. Here is an alternative script that fetches and parses your Twitter RSS feed using a different function. Hopefully [...]]]></description>
			<content:encoded><![CDATA[<p>I have already posted a tutorial on <a href="http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/">How to Create a Twitter Feed on Your Web Site</a> and I have been having a lot of emails in regards to people whose hosts do not allow URL file-access. Here is an alternative script that fetches and parses your <a href="http://twitter.com/">Twitter</a> RSS feed using a different function. Hopefully it will help out those who can&#8217;t use the other script.<br />
<span id="more-1545"></span><br />
The first thing you need to do is get your <a href="http://twitter.com/">Twitter</a> RSS feed URL. go to your Profile page and you will see a link in the bottom of your sidebar that says RSS feed. Click on this and then copy the URL. That will be your feed URL.</p>

<div class="wp_syntax"><table border='0' cellpadding='0' cellspacing='0'><tr><td><div class="code"><pre class="php" style="font-family:monospace;">&lt;ul&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000088;">$feedURL</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;http://twitter.com/statuses/user_timeline/68559295.rss&quot;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// change to your feed URL</span>
<span style="color: #000088;">$doc</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> DOMDocument<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$doc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">load</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$feedURL</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$arrFeeds</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$doc</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'item'</span><span style="color: #009900;">&#41;</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$node</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$itemRSS</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span> <span style="color: #009900;">&#40;</span> 
        <span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #000088;">$node</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'title'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">item</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">nodeValue</span>
        <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #990000;">array_push</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$arrFeeds</span><span style="color: #339933;">,</span> <span style="color: #000088;">$itemRSS</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000088;">$limit</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">5</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">for</span><span style="color: #009900;">&#40;</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;">&lt;</span><span style="color: #000088;">$limit</span><span style="color: #339933;">;</span><span style="color: #000088;">$x</span><span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$title</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'bavotasan: '</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">,</span> <span style="color: #000088;">$arrFeeds</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$x</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'title'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$str</span> <span style="color: #339933;">=</span> <span style="color: #990000;">ereg_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;[[:alpha:]]+://[^&lt;&gt;[:space:]]+[[:alnum:]/]&quot;</span><span style="color: #339933;">,</span><span style="color: #0000ff;">&quot;&lt;a href=<span style="color: #000099; font-weight: bold;">\&quot;</span><span style="color: #000099; font-weight: bold;">\\</span>0<span style="color: #000099; font-weight: bold;">\&quot;</span>&gt;<span style="color: #000099; font-weight: bold;">\\</span>0&lt;/a&gt;&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$title</span><span style="color: #009900;">&#41;</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;">&#40;</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;">&#41;</span><span style="color: #339933;">;</span>	
&nbsp;
    <span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$matches</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$keyword</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000088;">$keyword</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;)&quot;</span><span style="color: #339933;">,</span><span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">&#41;</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;">&#40;</span><span style="color: #0000ff;">&quot;#&quot;</span><span style="color: #339933;">,</span><span style="color: #0000ff;">&quot;%23&quot;</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">&#41;</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;">&#40;</span><span style="color: #0000ff;">&quot;@&quot;</span><span style="color: #339933;">,</span><span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">,</span><span style="color: #000088;">$keyword</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">strstr</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$keyword</span><span style="color: #339933;">,</span><span style="color: #0000ff;">&quot;@&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #000088;">$search</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;a href=<span style="color: #000099; font-weight: bold;">\&quot;</span>http://twitter.com/<span style="color: #006699; font-weight: bold;">$link</span><span style="color: #000099; font-weight: bold;">\&quot;</span>&gt;<span style="color: #006699; font-weight: bold;">$keyword</span>&lt;/a&gt;&quot;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #000088;">$link</span> <span style="color: #339933;">=</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$link</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #000088;">$search</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&lt;a href=<span style="color: #000099; font-weight: bold;">\&quot;</span>http://twitter.com/#search?q=<span style="color: #006699; font-weight: bold;">$link</span><span style="color: #000099; font-weight: bold;">\&quot;</span> class=<span style="color: #000099; font-weight: bold;">\&quot;</span>grey<span style="color: #000099; font-weight: bold;">\&quot;</span>&gt;<span style="color: #006699; font-weight: bold;">$keyword</span>&lt;/a&gt;&quot;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #000088;">$str</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</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;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;li&gt;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$str</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&lt;/li&gt;'</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/ul&gt;</pre></div></td></tr></table></div>

<p><small>Twitter Bird icon provided by <a href="http://kailoon.com/free-vector-icons-set-twitter-birdy-icon/">Loon Design</a>.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2009/a-better-twitter-feed-for-your-web-site/feed/</wfw:commentRss>
		<slash:comments>61</slash:comments>
		</item>
		<item>
		<title>Create a Cut-Out Type Effect in Adobe Photoshop</title>
		<link>http://bavotasan.com/2009/create-a-cut-out-type-effect-in-adobe-photoshop/</link>
		<comments>http://bavotasan.com/2009/create-a-cut-out-type-effect-in-adobe-photoshop/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 19:39:41 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[adobe photoshop]]></category>
		<category><![CDATA[creative suite]]></category>
		<category><![CDATA[cs3]]></category>
		<category><![CDATA[Cs4]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[name]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=1290</guid>
		<description><![CDATA[Photoshop is a great tool for creating simple yet impressive design effects with type. I don&#8217;t pretend to be an expert but I do know how to do a few things that look pretty awesome. Recently, one of my clients wanted me to create a logo that used a &#8220;cut-out&#8221; type technique for the company [...]]]></description>
			<content:encoded><![CDATA[<p>Photoshop is a great tool for creating simple yet impressive design effects with type. I don&#8217;t pretend to be an expert but I do know how to do a few things that look pretty awesome. Recently, one of my clients wanted me to create a logo that used a &#8220;cut-out&#8221; type technique for the company name. I was able to accomplish this simple effect with Photoshop in a few easy steps.<br />
<span id="more-1290"></span><br />
Here is a quick video that&#8217;ll show you how to do it.</p>
<p><a class="highslide" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )" href="#"><img src="http://bavotasan.com/wp-content/uploads/2009/10/cutouttype.jpg" alt="cutouttype" title="cutouttype" width="590" height="370" class="alignnone size-full wp-image-1301" /></a></p>
<div id="highslide-html" class="highslide-html-content">
<div class="highslide-header">
<ul>
<li class="highslide-move"><a onclick="return false" href="#">Move</a></li>
<li class="highslide-close"><a onclick="return hs.close(this)" href="#">Close</a></li>
</ul>
</div>
<div class="highslide-body">
<img src="http://bavotasan.com/wp-content/plugins/flash-video-player/default_video_player.gif" />
</div>
<div class="highslide-footer">
<div><span class="highslide-resize" title="Resize"><span> </span></span></div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2009/create-a-cut-out-type-effect-in-adobe-photoshop/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Creating a Grid in Adobe Illustrator CS3</title>
		<link>http://bavotasan.com/2009/creating-a-grid-in-adobe-illustrator-cs3/</link>
		<comments>http://bavotasan.com/2009/creating-a-grid-in-adobe-illustrator-cs3/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 17:48:35 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[Creating]]></category>
		<category><![CDATA[Elements]]></category>
		<category><![CDATA[file]]></category>
		<category><![CDATA[flv]]></category>
		<category><![CDATA[footer]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[need]]></category>
		<category><![CDATA[Sidebar]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=743</guid>
		<description><![CDATA[Whenever I start a project, I like to work with a grid layout to help me place all the elements I need into proper alignment. Most sites work around a grid. You have a header, main sections, maybe a sidebar and usually a footer. Within each of these elements you can break it down even [...]]]></description>
			<content:encoded><![CDATA[<p>Whenever I start a project, I like to work with a grid layout to help me place all the elements I need into proper alignment. Most sites work around a grid. You have a header, main sections, maybe a sidebar and usually a footer. Within each of these elements you can break it down even further.<br />
<span id="more-743"></span><br />
Here is a quick tutorial on building a grid in Illustrator CS3 (I haven&#8217;t upgraded just yet).</p>
<p><a class="highslide" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )" href="#"><img title="Create a Grid Layout in Adobe Illustrator CS3" src="http://bavotasan.com/wp-content/uploads/2009/07/gridlayout.png" alt="Create a Grid Layout in Adobe Illustrator CS3" width="570" /></a></p>
<div id="highslide-html" class="highslide-html-content">
<div class="highslide-header">
<ul>
<li class="highslide-move"><a onclick="return false" href="#">Move</a></li>
<li class="highslide-close"><a onclick="return hs.close(this)" href="#">Close</a></li>
</ul>
</div>
<div class="highslide-body">
<img src="http://bavotasan.com/wp-content/plugins/flash-video-player/default_video_player.gif" />
</div>
<div class="highslide-footer">
<div><span class="highslide-resize" title="Resize"><span> </span></span></div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2009/creating-a-grid-in-adobe-illustrator-cs3/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>How to Add Numbers to Your Comments in WordPress</title>
		<link>http://bavotasan.com/2009/how-to-add-numbers-to-your-comments-in-wordpress/</link>
		<comments>http://bavotasan.com/2009/how-to-add-numbers-to-your-comments-in-wordpress/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 18:26:52 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[amount]]></category>
		<category><![CDATA[bit]]></category>
		<category><![CDATA[custom theme]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[magazine]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[side]]></category>
		<category><![CDATA[Stylesheet]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[thing]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web programming]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress hack]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=303</guid>
		<description><![CDATA[I have been receiving a large amount of comments on my Magazine Basic theme and I was having a bit of trouble referencing certain ones, so I decided to add some numbers to the side of each comments to make it easier. It was actually a simple thing to do so here is a quick [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://bavotasan.com/wp-content/uploads/2009/02/commentnum.png" alt="commentnum" title="commentnum" width="580" height="129" class="aligncenter size-full wp-image-355" />I have been receiving a large amount of comments on my <a href="http://bavotasan.com/wordpress/free-wordpress-themes/magazine-basic-free-wordpress-theme/">Magazine Basic theme</a> and I was having a bit of trouble referencing certain ones, so I decided to add some numbers to the side of each comments to make it easier. It was actually a simple thing to do so here is a quick tutorial. <span id="more-303"></span>I use the classic theme that comes pre-installed on WordPress for the example.</p>
<p>Open comments.php and find this the lines that look similar to this:</p>

<div class="wp_syntax"><table border='0' cellpadding='0' cellspacing='0'><tr><td><div class="code"><pre class="php" style="font-family:monospace;">&lt;ol id=&quot;commentlist&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$comments</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$comment</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;li <span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_class<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> id=&quot;comment-<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_ID<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_avatar<span style="color: #009900;">&#40;</span> <span style="color: #000088;">$comment</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">32</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_text<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;p&gt;&lt;cite&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_type<span style="color: #009900;">&#40;</span>_c<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Comment|noun'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> __<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Trackback'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> __<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Pingback'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> <span style="color: #000000; font-weight: bold;">&lt;?php</span> _e<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'by'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> <span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_author_link<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> &amp;#8212; <span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_date<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> @ &lt;a href=&quot;#comment-<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_ID<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_time<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;&lt;/cite&gt; <span style="color: #000000; font-weight: bold;">&lt;?php</span> edit_comment_link<span style="color: #009900;">&#40;</span>__<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Edit This&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">' |'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/p&gt;
&lt;/li&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endforeach</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/ol&gt;</pre></div></td></tr></table></div>

<p>Now all you need to do is change it to this:</p>

<div class="wp_syntax"><table border='0' cellpadding='0' cellspacing='0'><tr><td><div class="code"><pre class="php" style="font-family:monospace;">&lt;ol id=&quot;commentlist&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #000088;">$i</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$comments</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$comment</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;li <span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_class<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> id=&quot;comment-<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_ID<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_avatar<span style="color: #009900;">&#40;</span> <span style="color: #000088;">$comment</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">32</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_text<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;p&gt;&lt;cite&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_type<span style="color: #009900;">&#40;</span>_c<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Comment|noun'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> __<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Trackback'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> __<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Pingback'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> <span style="color: #000000; font-weight: bold;">&lt;?php</span> _e<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'by'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> <span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_author_link<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> &amp;#8212; <span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_date<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> @ &lt;a href=&quot;#comment-<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_ID<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> comment_time<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;&lt;/cite&gt; <span style="color: #000000; font-weight: bold;">&lt;?php</span> edit_comment_link<span style="color: #009900;">&#40;</span>__<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Edit This&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">' |'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/p&gt;
&lt;div class=&quot;commentnumber&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$i</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/div&gt;
&lt;/li&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #000088;">$i</span><span style="color: #339933;">++;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endforeach</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></td></tr></table></div>

<p>After that, open up your style.css and add something like this:</p>

<div class="wp_syntax"><table border='0' cellpadding='0' cellspacing='0'><tr><td><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.commentnumber</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">18px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#efefef</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.commentlist</span> li <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></td></tr></table></div>

<p>And that should do it.</p>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2009/how-to-add-numbers-to-your-comments-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>How to Create a Vinyl Record in Adobe Illustrator</title>
		<link>http://bavotasan.com/2008/how-to-create-a-vinyl-record-in-adobe-illustrator-cs3/</link>
		<comments>http://bavotasan.com/2008/how-to-create-a-vinyl-record-in-adobe-illustrator-cs3/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 23:02:11 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[bit]]></category>
		<category><![CDATA[collection]]></category>
		<category><![CDATA[couple]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[file]]></category>
		<category><![CDATA[flv]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[Little Bit]]></category>
		<category><![CDATA[MoveClose]]></category>
		<category><![CDATA[record]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Vectors]]></category>
		<category><![CDATA[vinyl]]></category>
		<category><![CDATA[Vinyl Record]]></category>
		<category><![CDATA[way]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=95</guid>
		<description><![CDATA[A couple days ago I posted a collection of 6 vinyl records vectors and I thought it would be a good idea to actually show everyone how I created them. I decided to simplify it a little bit and show a different and easier way to create the records so that even beginners can follow [...]]]></description>
			<content:encoded><![CDATA[<p>A couple days ago I posted a collection of 6 vinyl records vectors and I thought it would be a good idea to actually show everyone how I created them. I decided to simplify it a little bit and show a different and easier way to create the records so that even beginners can follow along. This tutorial is a bit more elaborate then my others so please let me know if you have any questions.<br />
<span id="more-95"></span><br />
<a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )" class="highslide"><img src="http://bavotasan.com/wp-content/uploads/2008/12/createrecord-605x378.jpg" alt="" title="createrecord" width="570" height="356" /></a>
<div class="highslide-html-content" id="highslide-html">
<div class="highslide-header">
<ul>
<li class="highslide-move"><a href="#" onclick="return false">Move</a></li>
<li class="highslide-close"><a href="#" onclick="return hs.close(this)">Close</a></li>
</ul>
</div>
<div class="highslide-body"><img src="http://bavotasan.com/wp-content/plugins/flash-video-player/default_video_player.gif" /></div>
<div class="highslide-footer">
<div><span class="highslide-resize" title="Resize"><span></span></span></div>
</div>
</div>
<p>You can download the original vectors I created <a href="http://bavotasan.com/free-vectors/6-free-vinyl-record-vectors/">HERE</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2008/how-to-create-a-vinyl-record-in-adobe-illustrator-cs3/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>6 Free Vinyl Record Vectors</title>
		<link>http://bavotasan.com/2008/6-free-vinyl-record-vectors/</link>
		<comments>http://bavotasan.com/2008/6-free-vinyl-record-vectors/#comments</comments>
		<pubDate>Sat, 29 Nov 2008 22:38:19 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[artwork]]></category>
		<category><![CDATA[Click]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[collection]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[record]]></category>
		<category><![CDATA[something]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Vectors]]></category>
		<category><![CDATA[vinyl]]></category>
		<category><![CDATA[Vinyl Record]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=86</guid>
		<description><![CDATA[Sometimes when I&#8217;m bored I decide to try to replicate something using Photoshop and/or Illustrator. I was thinking of incorporating a vinyl record into a logo for a client and after I was done I thought I should offer some colourful alternatives for free. This collection was created entirely in Adobe Illustrator CS3 (click here [...]]]></description>
			<content:encoded><![CDATA[<p><a class="highslide" href="http://bavotasan.com/wp-content/uploads/2008/11/record-set.jpg"><img src="http://bavotasan.com/wp-content/uploads/2008/11/record-set-200x132.jpg" alt="" title="record-set" width="200" height="132" class="alignright size-thumbnail wp-image-1766" /></a>Sometimes when I&#8217;m bored I decide to try to replicate something using Photoshop and/or Illustrator. I was thinking of incorporating a vinyl record into a logo for a client and after I was done I thought I should offer some colourful alternatives for free. This collection was created entirely in Adobe Illustrator CS3 (<a href="http://bavotasan.com/tutorials/how-to-create-a-vinyl-record-in-adobe-illustrator-cs3/">click here for tutorial</a>).</p>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2008/6-free-vinyl-record-vectors/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>12 Free Illustrator Vector Buttons</title>
		<link>http://bavotasan.com/2008/12-free-illustrator-vector-buttons/</link>
		<comments>http://bavotasan.com/2008/12-free-illustrator-vector-buttons/#comments</comments>
		<pubDate>Thu, 27 Nov 2008 17:29:23 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[purpose]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[use]]></category>
		<category><![CDATA[vector]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[yesterday]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=79</guid>
		<description><![CDATA[I was messing around in Illustrator yesterday and decided to throw together my first free vector pack. I created 12 colourful buttons (tutorial coming soon) that can be used for any web design purpose. Feel free to download them and use and/or abuse them to your hearts content. If you do use them for your [...]]]></description>
			<content:encoded><![CDATA[<p><a class="highslide" href="http://bavotasan.com/wp-content/uploads/2008/11/cool-buttons.png"><img src="http://bavotasan.com/wp-content/uploads/2008/11/cool-buttons-200x150.png" alt="cool-buttons" title="cool-buttons" width="200" height="150" class="alignright size-thumbnail wp-image-83" /></a>I was messing around in Illustrator yesterday and decided to throw together my first free vector pack. I created 12 colourful buttons (tutorial coming soon) that can be used for any web design purpose. </p>
<p>Feel free to download them and use and/or abuse them to your hearts content. If you do use them for your website, please submit a link below so others can see how you incorporated them into your design. </p>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2008/12-free-illustrator-vector-buttons/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>How to Create an Aqua Button in Adobe Illustrator</title>
		<link>http://bavotasan.com/2008/how-to-create-an-aqua-button-in-adobe-illustrator-cs3/</link>
		<comments>http://bavotasan.com/2008/how-to-create-an-aqua-button-in-adobe-illustrator-cs3/#comments</comments>
		<pubDate>Sat, 22 Nov 2008 21:55:38 +0000</pubDate>
		<dc:creator>c.bavota</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[MoveClose]]></category>
		<category><![CDATA[Placing]]></category>
		<category><![CDATA[Shape]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://bavotasan.com/?p=66</guid>
		<description><![CDATA[I recently needed to create some buttons for a client&#8217;s website and I thought it would be a fun little tutorial to put together to show you how quick and easy it is to create one of those nifty looking aqua buttons you see everywhere. It is only really a five step process and you [...]]]></description>
			<content:encoded><![CDATA[<p>I recently needed to create some buttons for a client&#8217;s website and I thought it would be a fun little tutorial to put together to show you how quick and easy it is to create one of those nifty looking aqua buttons you see everywhere. It is only really a five step process and you can use any shape you choose.<br />
<span id="more-66"></span><br />
Here are some samples I created.</p>
<p><img src="http://bavotasan.com/wp-content/uploads/2008/11/aquabutton.png" alt="" title="aquabutton" class="alignnone nobox size-thumbnail wp-image-67" /><br />
<img src="http://bavotasan.com/wp-content/uploads/2008/11/circle.png" alt="" title="circle" class="alignnone nobox size-thumbnail wp-image-68" /></p>
<p>Placing text or an image on top of the buttons is pretty simple and these buttons can really add some nice visuals to any professional web design. </p>
<p><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html' } )" class="highslide"><img src="http://bavotasan.com/wp-content/uploads/2008/11/createaqua.jpg" alt="" width="565" /></a>
<div class="highslide-html-content" id="highslide-html">
<div class="highslide-header">
<ul>
<li class="highslide-move"><a href="#" onclick="return false">Move</a></li>
<li class="highslide-close"><a href="#" onclick="return hs.close(this)">Close</a></li>
</ul>
</div>
<div class="highslide-body"><img src="http://bavotasan.com/wp-content/plugins/flash-video-player/default_video_player.gif" /></div>
<div class="highslide-footer">
<div><span class="highslide-resize" title="Resize"><span></span></span></div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://bavotasan.com/2008/how-to-create-an-aqua-button-in-adobe-illustrator-cs3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

