<?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>RobertoKoci.com - Red Diamond Studio -</title>
	<atom:link href="http://robertokoci.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://robertokoci.com</link>
	<description>RobertoKoci.com - Red Diamond Studio -</description>
	<lastBuildDate>Thu, 01 Dec 2011 08:26:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>How to Setup a VRay Render Farm</title>
		<link>http://robertokoci.com/render-farm/</link>
		<comments>http://robertokoci.com/render-farm/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 08:25:43 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[3D Rendering and Visualization]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=1000</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Frender-farm%2F">
				
			</a>
		
<p>Ahhh&#8230; all those painfully slow minutes and seconds that we all spent in front of the screen, waiting for the next pixel to appear, so many memories. But, wait, we do have relatively cheap and quite fast processors now-days, so why not set up your own render farm in that case?</p>
<p><span id="more-1000"></span>As technology advances, <p>Continue reading <a href="http://robertokoci.com/render-farm/">How to Setup a VRay Render Farm</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Frender-farm%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Frender-farm%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Ahhh&#8230; all those painfully slow minutes and seconds that we all spent in front of the screen, waiting for the next pixel to appear, so many memories. But, wait, we do have relatively cheap and quite fast processors now-days, so why not set up your own <strong>render farm</strong> in that case?</p>
<p><span id="more-1000"></span>As technology advances, we have much more processor speed available, but it is important to have really fast processors when it comes to rendering nice scenes with VRay. In this article we are going to explore some possibilities and solutions that VRay offers us to render faster. Namely: we shall set up our own render farm!</p>
<p>I&#8217;m sure that any serious studio or individual needs to cut down production time. In case of studios, I&#8217;m also pretty sure that there are quite a few computers around, and they should be more-less newer vintage. In case of individuals in the rendering market, if you do not have, go buy another (or a couple) of computers plus &#8211; you are going to need them to be over the competition.</p>
<h2>VRay and Network Rendering</h2>
<p>VRay is a pretty awesome piece of software when it comes to using it with render farms. It has a built in option for network rendering, and is very simple to set up. There are a couple of rules that needs to be followed, but those are quite simple, and should be pointed out to the artists when working on a project.</p>
<p>For starters, you will need:</p>
<p>1. VRay installed on all computers &#8211; as there is no stand-alone version of VRay has to be installed with Max, Maya, etc.</p>
<p>2. A local network where computers can access each other &#8211; take care that firewalls are not blocking, that all computers are in the same network group.</p>
<p>Your system administrator can set that up, if not already, and it is also quite simple to create a local network, so I won&#8217;t go into detail there. One thing I need to warn you here is that you need a fast network, so low quality (slow) wireless connections are out of the question &#8211; if you are connected over WiFi @ 54MBPS &#8211; it will not be enough. A good old hard-wired 1GBPS is what you need. If you are asking if you could somehow do this over the Internet &#8211; forget it &#8211; it will be way too slow &#8211; just too many data exchanged in your future render farm.</p>
<h2>Your First Render Farm</h2>
<p>Once you have all that, you need to start the VRay render server on the slave machines by launching the &#8220;Launch V-Ray DR spawner&#8221;, which is located in the folder where you installed VRay: Start/Programs/Chaos Group/V-Ray Adv for 3dsmax 20xx x86/Distributed rendering. Note that the path may differ in regard to what software you installed VRay to, but take care that the 4Th section of the path starts with &#8220;V-Ray Adv for&#8221; and then Max, Maya or whatever. If you are running in Vista or Win7, make sure these have administrator privileges by either going into properties and assigning them the privilege, or by running them as administrator. If you do not do this it simply wont start.</p>
<p>When it starts, you should have a small VRay icon in the right of the task-bar, and your render farm should be ready to go!</p>
<h2>Setting Up VRay</h2>
<p><a href="http://robertokoci.com/images/posts/rendering/render-farm/render-farm-start.png" title="VRay Render Farm setup on master machine" rel="lightbox[1000]"><img class="alignright" title="VRay Render Farm setup on master machine" src="/images/posts/rendering/render-farm/render-farm-start.png " alt="VRay Render Farm setup on master machine" width="335" height="302" /></a>Now that we have the render farm running, you need to set up the parameters on the master machine. Bring up the Render Setup, assuming that you already set VRay to be the Production renderer, and switch to the &#8220;Settings&#8221; tab. There is a &#8220;Distributed Rendering&#8221; check-box there which you need to check. Once that is done, click on the &#8220;Settings&#8221; just right to it (all underlined with a fancy red color).</p>
<p>Ok, now, you need to tell VRay on what IP addresses are the render farm slave servers located by checking out the local IP addresses of the slave computers. There are plenty tutorials on the net how to find that out, so I&#8217;m not going into detail regarding that (type &#8220;how to find local ip address windows&#8221; in Google and there you go).</p>
<p>Once you have obtained the IP addresses of the slave machines, you need to enter them by clicking on the &#8220;Add Server&#8221; button and typing in the IP adress. Once you added all your servers, you can also check the &#8220;Save hosts in the scene&#8221; check-box, so the IPs get into the Max/Maya file that you are saving, and might need to work on it some other day too. If you take that file to another render farm, you will need to repeat the process of finding the IP addresses.</p>
<p>The check boxes left to the IP numbers should be self-explanatory &#8211; determines if we should use the server or not.</p>
<p>So, basically, if you made it thus far, you can hit the render to test your render farm and see how much faster your scene is generated!</p>
<h2>Additional Considerations and Rules</h2>
<p>There are a few rules that need to be followed not to confuse VRay and get a bad rendering using your freshly set up render farm.</p>
<p>First, all files should be on an absolute path &#8211; this means that the textures, accompanying files are on the server X, and all machines &#8220;see&#8221; the same path to the resources. Failing to respect this rule will result with e.g. a rendering without textures on machines that haven&#8217;t got the resource available.</p>
<p>Slave machines should be left alone &#8211; you will anyway not be able to work on them, as the VRay render server program shall take all the CPU power away.</p>
<p>It is recommended to make low-res tests before you start your 4 day rendering project, just to be sure that everything is OK.</p>
<p>Got a question about creating a VRay render farm? Comments section is below, so knock yourself out!</p>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Frender-farm%2F&amp;title=How%20to%20Setup%20a%20VRay%20Render%20Farm&amp;bodytext=Ahhh...%20all%20those%20painfully%20slow%20minutes%20and%20seconds%20that%20we%20all%20spent%20in%20front%20of%20the%20screen%2C%20waiting%20for%20the%20next%20pixel%20to%20appear%2C%20so%20many%20memories.%20But%2C%20wait%2C%20we%20do%20have%20relatively%20cheap%20and%20quite%20fast%20processors%20now-days%2C%20so%20why%20not%20set%20up%20your%20o" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Frender-farm%2F&amp;title=How%20to%20Setup%20a%20VRay%20Render%20Farm" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Frender-farm%2F&amp;title=How%20to%20Setup%20a%20VRay%20Render%20Farm&amp;notes=Ahhh...%20all%20those%20painfully%20slow%20minutes%20and%20seconds%20that%20we%20all%20spent%20in%20front%20of%20the%20screen%2C%20waiting%20for%20the%20next%20pixel%20to%20appear%2C%20so%20many%20memories.%20But%2C%20wait%2C%20we%20do%20have%20relatively%20cheap%20and%20quite%20fast%20processors%20now-days%2C%20so%20why%20not%20set%20up%20your%20o" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/render-farm/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Vray Materials &#8211; Glass and Diamonds</title>
		<link>http://robertokoci.com/vray-materials-glass-diamonds/</link>
		<comments>http://robertokoci.com/vray-materials-glass-diamonds/#comments</comments>
		<pubDate>Thu, 03 Mar 2011 21:40:53 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[3D Rendering and Visualization]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=981</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fvray-materials-glass-diamonds%2F">
				
			</a>
		
<p>In the previous article I did some talk about setting up materials, some things that we should avoid, and gave a couple of examples. Now, as I said there that I need a full post for glass, diamonds and related materials, I took the effort to go through different material setups with VRay and <p>Continue reading <a href="http://robertokoci.com/vray-materials-glass-diamonds/">Vray Materials &#8211; Glass and Diamonds</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fvray-materials-glass-diamonds%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fvray-materials-glass-diamonds%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>In the previous article I did some talk about setting up materials, some things that we should avoid, and gave a couple of examples. Now, as I said there that I need a full post for glass, diamonds and related materials, I took the effort to go through different material setups with VRay and give tips and tricks for rendering refractive materials. So, let&#8217;s see how to render photorealistic glass and diamonds with VRay Materials!</p>
<p><span id="more-981"></span></p>
<p>I have been checking out some forums previously to see what people are using for glass rendering, and I was astonished that folks out there suggest, for example, turning off the Fresnel reflections for glass &#8211; which is not good. Glass type materials all have Fresnel reflections. Diamonds, water and basically all the liquids have it.</p>
<h2>Testing Glass VRay Materials</h2>
<p>So, I made 3 different materials and applied them to the same glass object. The first one has IOR of 1.5 and the second has IOR or 1.7. They both have Fresnel reflections turned on. Now, the third material has no Fresnel reflections, but I lowered the reflectiveness to 50% (gray color, RGB: 128/128/128). Let&#8217;s see how that looks like.</p>
<div class="wp-caption alignnone" style="width: 710px"><a href="/images/posts/rendering/vray-materials-glass-diamonds/3-glasses-vray-materials-example.jpg" title="VRay Materials - glass material tests" rel="lightbox[981]"><img title="VRay Materials - glass material tests" src="/images/posts/rendering/vray-materials-glass-diamonds/3-glasses-vray-materials-example-s.jpg" alt="VRay Materials - glass material tests" width="700" height="438" /></a><p class="wp-caption-text">VRay Materials - glass material tests</p></div>
<div class="wp-caption alignright" style="width: 296px"><a href="/images/posts/rendering/vray-materials-glass-diamonds/glass-vray-settings.png" title="VRay materials - settings for glass" rel="lightbox[981]"><img class=" " title="VRay materials - settings for glass" src="/images/posts/rendering/vray-materials-glass-diamonds/glass-vray-settings.png" alt="VRay materials - settings for glass" width="286" height="511" /></a><p class="wp-caption-text">VRay materials - settings for glass</p></div>
<p>Glass materials have IOR values around 1.5-1.7. Let&#8217;s say that&#8217;s a fair estimate. The first two glasses look OK, but the third one can&#8217;t really pass as a glass material. Good, it&#8217;s refracting and reflecting and all that, but it&#8217;s just not a glass (rather plastics). It looks interesting though.</p>
<p>It&#8217;s best to observe thing in nature (real world, that is). I was sitting in a cafe some days ago with my friend and she was talking about something (as usual). I was checking out how the glass that I had on the table reflects objects on steeper angles (Fresnel) and I was actually moving my finger around the glass to see how visible it became. Other than being accused that I&#8217;m not listening I found out that the glass really had nice Fresnel reflections. Luckily, I can multitask so I repeated what she said, so it was all good. OK, back to our VRay Materials.</p>
<p>Note that I also added a Fog color to the material, a light turquoise color with a certain multiplier. Regarding the fog multiplier, my value is set to 5. It greatly depends of the unit system you are using how this value effects the scene, and it&#8217;s also dependent of the object sizes, so I&#8217;m going to leave you experiment with it. If you are not getting the light turquoise colors on some parts of the glass, well, crank up the multiplier!</p>
<p>I&#8217;ll also add that the Max Depth parameter is important. If you want to speed up rendering lower those values to 10. I however like to keep those pretty high, so the light bounces around and produces a nice glassy effect.</p>
<p>For the sake of simplifying your life, I included a screenshot of the material settings of the middle glass object, so you can use those values to make your own VRay glass materials. Note that the top color pop-up is the color I used for the Fog Color. Click on the image for a bigger preview, and watch for the scroller when you do so on the right side &#8211; some pretty important settings are there in the lower part of the screenshot. Namely, the reflect on back side option, which needs to be turned on.</p>
<h2>Advanced Glass Materials for VRay</h2>
<p>Now that we are relatively happy with the VRay material we created, let&#8217;s kick up a notch.</p>
<p>All the refractive materials have dispersion effects. The dispersion of light is the effect when the light passes through a material and decomposes it&#8217;s spectrum by refracting different wave lengths with a slightly different IOR. This effect also produces rainbows, the zillion colors in a diamond and so on.</p>
<p>VRay 1.5 or older, does not have a dispersion effect incorporated within the material itself, so here, we are going to do a little trick. BTW, I hear the the new VRay 2.0 already has a built in dispersion control, and it works really good as I can see from the official demonstrations.</p>
<div class="wp-caption alignright" style="width: 242px"><a href="/images/posts/rendering/vray-materials-glass-diamonds/dispersion-material-base.png" title="Dispersion trick material" rel="lightbox[981]"><img class=" " title="Dispersion trick material" src="/images/posts/rendering/vray-materials-glass-diamonds/dispersion-material-base.png" alt="Dispersion trick material" width="232" height="284" /></a><p class="wp-caption-text">Dispersion trick material</p></div>
<p>Open a new material and choose it&#8217;s type to Vray Blend Material. Now, take your favorite glass material and copy it to the first 3 slots. Be careful not to make instances of the material, but copies, because we are going to modify those 3 separately. Note that the Base material is to be left empty.</p>
<p>Once you got that one, choose the fist color field right to the materials to red, green and blue. Use fully clear values as shown on the right screenshot. By this we are separating the red, green and blue photons and composing a material that will act differently for different wave lengths of light.</p>
<p>Once that is set up, go to each and every of the three materials and add a slightly higher IOR. The first (red) is 1.7, the second (green) is 1.75 and the third (green) is 1.8. Be careful to choose custom Fresnel reflections and set that value to 1.7, because reflection of light does not cause dispersion and rainbow effects.</p>
<p>Let&#8217;s see how that looks like!</p>
<div class="wp-caption alignnone" style="width: 710px"><a href="/images/posts/rendering/vray-materials-glass-diamonds/glass-dispersion.jpg" title="Glass VRay material with light dispersion" rel="lightbox[981]"><img title="Glass VRay material with light dispersion" src="/images/posts/rendering/vray-materials-glass-diamonds/glass-dispersion-s.jpg" alt="Glass VRay material with light dispersion" width="700" height="438" /></a><p class="wp-caption-text">Glass VRay material with light dispersion</p></div>
<p>Note that I turned on the caustics for this example, so it&#8217;s even more interesting to see how this trick works on dispersed refracted light. I also removed the chequer texture, so you can see the refraction and the &#8220;minimal rainbows&#8221; that it&#8217;s producing. The effect is much more profound in the next example I&#8217;m going to present you. The glass object walls are quite thin, so basically the dispersion is smaller than those in a diamond, for instance.</p>
<h2>Rendering Diamonds With VRay</h2>
<p>Another nice case when you need refractive materials setups is rendering of diamonds. Nice, shiny all the colors are present in them (for a white diamond, that is), no wonder that everyone likes them.</p>
<p>Diamonds have a very high index of refraction (2.417), which makes them break and bounce light internally much more than any glass or liquid type material. Basically that is what is making them so shiny and also adds &#8220;fire&#8221; to it, as the diamonds experts would say.</p>
<div class="wp-caption alignnone" style="width: 710px"><a href="/images/posts/rendering/vray-materials-glass-diamonds/3-diamonds.jpg" title="Diamonds rendered in VRay" rel="lightbox[981]"><img title="Diamonds rendered in VRay" src="/images/posts/rendering/vray-materials-glass-diamonds/3-diamonds-s.jpg" alt="Diamonds rendered in VRay" width="700" height="438" /></a><p class="wp-caption-text">Diamonds rendered in VRay</p></div>
<p>The material I used here is basically same as the &#8220;rainbow glass&#8221; material, I just used IOR values for diamonds and turned off the fog color (set it&#8217;s color to full white). The IOR values for the refraction were gradually increased from (red) 2.417 to (green) 2.437 and (blue) 2.457.</p>
<p>This basically conludes the crash-course about rendering refractive VRay. Try to enjoy the experimentation with new materials, I know I did!</p>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fvray-materials-glass-diamonds%2F&amp;title=Vray%20Materials%20-%20Glass%20and%20Diamonds&amp;bodytext=In%20the%20previous%20article%20I%20did%20some%20talk%20about%20setting%20up%20materials%2C%20some%20things%20that%20we%20should%20avoid%2C%20and%20gave%20a%20couple%20of%20examples.%20Now%2C%20as%20I%20said%20there%20that%20I%20need%20a%20full%20post%20for%20glass%2C%20diamonds%20and%20related%20materials%2C%20I%20took%20the%20effort%20to%20go%20throu" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fvray-materials-glass-diamonds%2F&amp;title=Vray%20Materials%20-%20Glass%20and%20Diamonds" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fvray-materials-glass-diamonds%2F&amp;title=Vray%20Materials%20-%20Glass%20and%20Diamonds&amp;notes=In%20the%20previous%20article%20I%20did%20some%20talk%20about%20setting%20up%20materials%2C%20some%20things%20that%20we%20should%20avoid%2C%20and%20gave%20a%20couple%20of%20examples.%20Now%2C%20as%20I%20said%20there%20that%20I%20need%20a%20full%20post%20for%20glass%2C%20diamonds%20and%20related%20materials%2C%20I%20took%20the%20effort%20to%20go%20throu" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/vray-materials-glass-diamonds/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Photorealistic VRay Materials</title>
		<link>http://robertokoci.com/advanced-vray-materials/</link>
		<comments>http://robertokoci.com/advanced-vray-materials/#comments</comments>
		<pubDate>Tue, 22 Feb 2011 11:00:12 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[3D Rendering and Visualization]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=963</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fadvanced-vray-materials%2F">
				
			</a>
		
<p>Fine tuning VRay materials can be somewhat time consuming, but if you really want to be step ahead more close to photorealism, it&#8217;s a bet that you should take &#8211; the benefits are far better than the time consumed to research the issue. So let&#8217;s dig in VRay materials!</p>
<p><span id="more-963"></span></p>
<p>If you checked the previous <p>Continue reading <a href="http://robertokoci.com/advanced-vray-materials/">Photorealistic VRay Materials</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fadvanced-vray-materials%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fadvanced-vray-materials%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Fine tuning VRay materials can be somewhat time consuming, but if you really want to be step ahead more close to photorealism, it&#8217;s a bet that you should take &#8211; the benefits are far better than the time consumed to research the issue. So let&#8217;s dig in VRay materials!</p>
<p><span id="more-963"></span></p>
<p>If you checked the previous article that is actually similarly related to <a title="VRay materials kick-start" href="http://robertokoci.com/photorealistic-rendering-vray-materials/">basics of VRay materials</a> as this one, or, if you already know some things about VRay materials  (I&#8217;m talking about really knowing, not &#8220;I heard about it stuff&#8221; thing), here are explanations are rendering examples of some advanced material setups so you can take the next step to mastering your VRay materials knowledge.</p>
<p>In the previous article I started with displaying a simple scene with some objects (the coffee scene) and I promised to explain how I did set up those materials. Here, we are going to do a step by step tutorial about that, and touch some more possible scenarios that you might need when defining materials for your render projects.</p>
<p>Before we continue, let&#8217;s take a flashback and check out the coffee scene rendering once more!</p>
<div class="wp-caption alignnone" style="width: 710px"><a href="http://robertokoci.com/images/posts/rendering/vray-photorealistic-rendering/photorealistic-rendering-using-vray.jpg" title="Coffee scene rendered using VRay" rel="lightbox[963]"><img class=" " title="Coffee scene rendered using VRay" src="http://robertokoci.com/images/posts/rendering/vray-photorealistic-rendering/photorealistic-rendering-using-vray.jpg" alt="Coffee scene rendered using VRay" width="700" height="438" /></a><p class="wp-caption-text">Coffee scene rendered using VRay</p></div>
<h2>Fine Tuning VRay Materials</h2>
<p>As we previously learned the basic VRay material settings, we shall learn now how to properly combine and use all of it&#8217;s properties. We shall now go over each material, except the materials from the background (the sofa and the floor).</p>
<h2>Ceramic</h2>
<p>Let us start easy by analyzing what settings we need for ceramic. I presume that you are more-less familiar with the VRay materials subject, so you basically know these at least in theory. So, the best would be if you have an object that is made of ceramic (coffee cup maybe?). OK, I&#8217;m sure you do have some objects that are made from that material, so do yourself a favor: grab it and start the visual analysis.</p>
<p>A regular (non-trained) person would say it&#8217;s only a coffee cup or a ceramic figurine or whatever the object is, but you, as someone who is in the rendering business should be able to tell much more. Namely the main characteristics of that material. So, fire up 3D Studio Max (or Maya, or whatever you use with VRay) make a new VRay material and let us start filling in the data.</p>
<p>The first one is the diffuse color or texture. As in this case we can use only a color estimate, we shall do so. Ceramic usually has a bright, clear white diffuse color. Set it so, but beware that perfectly white objects in real world are very, very rare. So instead of taking the color value scroller and cranking it all the way up set it to a bright gray (RGB: 200/200/200).</p>
<h2>Intermezzo: Color values in the real world</h2>
<p>Here, we shall take a small detour from the main subject which is actually still connected to the VRay materials setup. Let me share a tip with you &#8211; and you can test it for yourself too.</p>
<p>Make a very simple scene, a room without windows (draw a box, convert it to a poly, invert normals) place a cube and a sphere in there, and a light. Now, create a new VRay material and set it&#8217;s diffuse color to full white. Set up the renderer to do indirect illumination and render the scene. You will probably play a bit with the light intensity to get the illumination right. One important thing: set the color mapping type to exponential as it is the way that things work in nature. Once you get a decent rendering (light amount), it should look something like this:</p>
<div class="wp-caption alignnone" style="width: 710px"><a href="/images/posts/rendering/photorealistic-vray-materials/full-white-diffuse.jpg" title="Full white diffuse color - problem with rendering" rel="lightbox[963]"><img title="Full white diffuse color - problem with rendering" src="/images/posts/rendering/photorealistic-vray-materials/full-white-diffuse.jpg" alt="Full white diffuse color - problem with rendering" width="700" height="438" /></a><p class="wp-caption-text">Full white diffuse color - problem with rendering</p></div>
<p>Nope, there is nothing wrong with VRay, it&#8217;s the settings you use. As it&#8217;s painfully obvious, this scene has no contrast. Yes, the full white color of the objects is creating this effect. So, when you are defining your VRay materials, you need to keep in mind that even such a trivial setting as the diffuse color can and will have a big effect on your rendering. Even if you use the linear color mapping model, the contrast will still low or mediocre.</p>
<p>Let me explain what is going on here with this example. As you set the color in the VRay materials for the object to full white, the photons are bounced off the surfaces all over the place and practically nothing is &#8220;eating up&#8221; the light. There are similar effects that can happen on other material properties, so I advise you to instead of downloading the first VRay materials database you find (and using it without ever testing them out), please, I do urge you to experiment and use your brain. That&#8217;s what will make you different and better as an artist or a professional (or both) from others. Not that all those share-ready materials are bad, I&#8217;m just trying to explain that it&#8217;s better to know how things work so once you got a real job on your hands or some project that is important for you, or already there and holding your head without knowing what the problem is &#8211; so instead, you are &#8220;in the zone&#8221; and a pro. I revoke the said about downloading of VRay materials libraries if you are planning to back-engineer those &#8211; that is a good idea if they are giving good results.</p>
<p>Ok, now lower the diffuse color to RGB: 200/200/200, crank up the light source power to 500% of the previous value and hit render again. The result should be close to this:</p>
<div class="wp-caption alignnone" style="width: 710px"><a href="/images/posts/rendering/photorealistic-vray-materials/gray-diffuse.jpg" title="Light gray diffuse color - a much better solution" rel="lightbox[963]"><img title="Light gray diffuse color - a much better solution" src="/images/posts/rendering/photorealistic-vray-materials/gray-diffuse.jpg" alt="Light gray diffuse color - a much better solution" width="700" height="438" /></a><p class="wp-caption-text">Light gray diffuse color - a much better solution</p></div>
<p>Much more contrast now. Good. I could have increased the light amount a bit more than 500% though.</p>
<p>OK, back to our VRay materials now.</p>
<h2>Porcelain/Ceramic</h2>
<div class="wp-caption alignright" style="width: 210px"><a href="/images/posts/rendering/photorealistic-vray-materials/ceramic.jpg" title="Porcelain/Ceramic VRay material" rel="lightbox[963]"><img class=" " title="Porcelain/Ceramic VRay material" src="/images/posts/rendering/photorealistic-vray-materials/ceramic.jpg" alt="Porcelain/Ceramic VRay material" width="200" height="200" /></a><p class="wp-caption-text">Porcelain/Ceramic VRay material</p></div>
<p>Once you set the diffuse color to a proper value (can be set a bit higher than the recommended 200/200/200 value), let&#8217;s move on to the next part of setting up ceramic VRay materials.</p>
<p>Porcelain is a reflective material, and is usually slightly blurring the reflections. It also can be pretty much characterized as a material that has Fresnel reflections. The strength of the reflections (Reflect color value) can differ because it can be set pretty low if you are not using Fresnel reflections, or close to full white if you do so. You won&#8217;t make a big mistake in either cases.</p>
<p>We shall set the Reflection color to RGB: 200/200/200, same as diffuse color. The Reflection glossiness is at 0.85, Subdivs to 16. Now, regarding this parameter (reflection glossiness), you can play with it a bit. You will start to get hang of how much you need to put this value to to get the glossiness value you need not only for this material, but only from looking at something what you see in the physical world. Experience will give you that you &#8220;see&#8221; VRay materials characteristics in the real world.</p>
<p>Next, turn on the Fresnel reflections and click on the &#8220;L&#8221; letter beside the option. This VRay materials option is a lock that locks the value to the Refractive IOR. Once you unlock it set to 1.8. The higher the value to more reflections from surfaces that are towards the camera. Appropriate values for porcelain IOR are from 1.2-2, depending on the effect you wish to achieve.</p>
<h2>Wood</h2>
<div class="wp-caption alignright" style="width: 210px"><a href="/images/posts/rendering/photorealistic-vray-materials/wood.jpg" title="Wood VRay material" rel="lightbox[963]"><img title="Wood VRay material" src="/images/posts/rendering/photorealistic-vray-materials/wood.jpg" alt="Wood VRay material" width="200" height="200" /></a><p class="wp-caption-text">Wood VRay material</p></div>
<p>For creating VRay materials for wood, the first thing you need is a good wood texture, preferably tileable. Load it to the appropriate material slot once you got it. There are number of ways to get your hands on good textures. Either take a camera and do photos of materials/textures you have at hand, or just type &#8220;free textures&#8221; in Google and there you have it.</p>
<p>Once you have that, set the Reflect color value RGB: 170/170/170, and fire up the Fresnel reflections too. Unlock the IOR and set it to 2.4. If you use lower values the table (I&#8217;m talking about the example render, the first image on this web-page) might not do reflections where you want it, so specially on the scene setup I used, I needed a table that would reflect a bit more, so I put in a bit stronger value. This is an appropriate value for surfaces that are &#8220;quite&#8221; polished.</p>
<p>The Reflection glossiness needs to be set to 0.9, and the Subdivisions value to 32. The lower the Reflection glossiness is the higher the Subdivision value is to be set &#8211; if not you will get noise on the surface because there are not enough samples collected to calculate a valid light solution for the pixel/object in question.</p>
<p>Note that this value seems to be a sample grid definition, so a value of e.g. 8 VRay makes 8&#215;8 ray samples from the point in question &#8211; beware, the higher the value it needs exponentially more time to render. So, be careful not to put in values that are too high but produce no visible enhancement to the rendering. I personally never used values higher than 48, and I figure that values higher than 64 have no sense except in really, really rare situations of creating some really not standard VRay materials.</p>
<h2>(There is no) Metal Spoon</h2>
<div class="wp-caption alignright" style="width: 210px"><a href="/images/posts/rendering/photorealistic-vray-materials/metal.jpg" title="Metal VRay material" rel="lightbox[963]"><img class=" " title="Metal VRay material" src="/images/posts/rendering/photorealistic-vray-materials/metal.jpg" alt="Metal VRay material" width="200" height="200" /></a><p class="wp-caption-text">Metal VRay material</p></div>
<p>Just kidding, here it is! So, rendering metals are a bit tricky thing regardless if you are using VRay materials or default Max&#8217;s materials. It took some time before I figured out what the diffuse color of metals are. It&#8217;s close to black, at least in our spoon case.</p>
<p>No, I&#8217;m not kidding. Try it. If you set the Reflection color of the material to full white (full reflection) it will become a mirror. If you lower that value (to RGB: 190/190/190, however metals can have much lower values than that and still reflect a sufficient amount of ligth to look metalish), as metals do not have such a profound reflection value, the reflections will be less prominent, and the diffuse color will kick in. Try setting the diffuse color to white &#8211; you will get a very smooth plastic material, or something similar. Lower the diffuse value to gray &#8211; it&#8217;s much closer. Set is to nearly black (RGB: 4/4/4) and you are getting something that looks like a highly reflective metal.</p>
<p>See that I set the value close to black? As previously stated, the extreme values kills reality in the rendering. So, there is NO clear black in nature. Except if it&#8217;s a brand new secret military aircraft painted with some special &#8220;really and totally black&#8221; color which is usually not the case, and they generally never occur in nature (don&#8217;t grow on trees) so forget full black. Always go with non-extreme values when defining VRay materials.</p>
<p>Note that different metals have different color values, but for the situation here, the diffuse value is good to be set to very low.</p>
<p>Now, to get rid of the mirror feel of our metal VRay materials, set the reflection glossiness to 0.98 (or a bit lower, e.g. 0.9 ).  Metals that are brushed to be highly reflective have basically no Fresnel reflections, so leave this one off. However, you might use Fresnel for rendering metals that are not so polished, for instance metal parts of a tool. For these material types the Reflection glossiness is lower.</p>
<h2>More VRay Materials</h2>
<p>Basically that is all I wanted to introduce to you in this article about VRay materials. The only significant property that I did not elaborate about are refractive materials (glass, water, diamonds&#8230;) because it deserves a separate post/web page &#8211; the subject matter is a bit more complex, so I&#8217;ll need more space to wave around. However, the material is under preparation and will be available soon. Correction, I added the post! Click the link to check out the <a title="VRay Materials - Diamonds and Glass" href="http://robertokoci.com/vray-materials-glass-diamonds/">Glass and Refractive VRay Materials</a>!</p>
<p>Other than that, the main point of this article is to teach you about setting up your custom VRay materials, and that there are rarely absolutely clean colors/values of materials in nature. Failure to respect that will result in a rendering that will look like rendered, and not our goal &#8211; rendering photorealistic scenes using Vray materials settings that are precisely set to do the job.</p>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fadvanced-vray-materials%2F&amp;title=Photorealistic%20VRay%20Materials&amp;bodytext=Fine%20tuning%20VRay%20materials%20can%20be%20somewhat%20time%20consuming%2C%20but%20if%20you%20really%20want%20to%20be%20step%20ahead%20more%20close%20to%20photorealism%2C%20it%27s%20a%20bet%20that%20you%20should%20take%20-%20the%20benefits%20are%20far%20better%20than%20the%20time%20consumed%20to%20research%20the%20issue.%20So%20let%27s%20dig%20in" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fadvanced-vray-materials%2F&amp;title=Photorealistic%20VRay%20Materials" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fadvanced-vray-materials%2F&amp;title=Photorealistic%20VRay%20Materials&amp;notes=Fine%20tuning%20VRay%20materials%20can%20be%20somewhat%20time%20consuming%2C%20but%20if%20you%20really%20want%20to%20be%20step%20ahead%20more%20close%20to%20photorealism%2C%20it%27s%20a%20bet%20that%20you%20should%20take%20-%20the%20benefits%20are%20far%20better%20than%20the%20time%20consumed%20to%20research%20the%20issue.%20So%20let%27s%20dig%20in" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/advanced-vray-materials/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Rendering With VRay &#8211; Materials Kickstart</title>
		<link>http://robertokoci.com/photorealistic-rendering-vray-materials/</link>
		<comments>http://robertokoci.com/photorealistic-rendering-vray-materials/#comments</comments>
		<pubDate>Wed, 16 Feb 2011 19:48:35 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[3D Rendering and Visualization]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=930</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fphotorealistic-rendering-vray-materials%2F">
				
			</a>
		
<p>If you checked out some renderings with VRay on various site and forums, you probably wonder how the hell did they do it? Well, there are a couple tricks I&#8217;m going to share with you about photorealistic rendering using Vray materials and rendering setups so you can too have photorealistic renderings using VRay materials!</p>
<span <p>Continue reading <a href="http://robertokoci.com/photorealistic-rendering-vray-materials/">Rendering With VRay &#8211; Materials Kickstart</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fphotorealistic-rendering-vray-materials%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fphotorealistic-rendering-vray-materials%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>If you checked out some renderings with VRay on various site and forums, you probably wonder how the hell did they do it? Well, there are a couple tricks I&#8217;m going to share with you about photorealistic rendering using <strong>Vray materials</strong> and rendering setups so you can too have photorealistic renderings using VRay materials!</p>
<h2><span id="more-930"></span>Materials in the Real World</h2>
<p>Vray has a very interactive and handy material setup interface, which you will surely love once you familiarize with it. The usual settings that are basically in the default material editor if you are using Max or Maya are more close to the model that is used in computer games. It is also quite old, and is only an approximation of the real light behavior model.</p>
<div class="wp-caption alignright" style="width: 370px"><a href="http://robertokoci.com/images/posts/rendering/vray-photorealistic-rendering/photorealistic-rendering-using-vray.jpg" title="Photorealistic Rendering Using VRay - a cup of coffe" rel="lightbox[930]"><img class="    " title="Photorealistic Rendering Using VRay - a cup of coffe" src="/images/posts/rendering/vray-photorealistic-rendering/photorealistic-rendering-using-vray-s.jpg" alt="Photorealistic Rendering Using VRay - a cup of coffe" width="360" height="225" /></a><p class="wp-caption-text">Photorealistic rendering using VRay - a simple cup of coffe</p></div>
<p>To get you more interested in the subject, here&#8217;s an image (on the right) I rendered using VRay as a demo of using some advanced VRay materials and render setups. You like it? Good! Let&#8217;s party then!</p>
<p>VRay materials lets us define actual physical properties of materials that are based on light physics, so once you understand this model you will be able to create any custom material for any purpose.</p>
<p>For a brief moment, let&#8217;s stop and take a look around out rooms. Everything we see has 5 major characteristics:</p>
<ol>
<li>Diffuse texture</li>
<li>Specular texture</li>
<li>Reflection factor</li>
<li>Refraction factor</li>
<li>Bump texture</li>
<li>Displacement texture</li>
</ol>
<p>And a couple minor characteristics which we are not going to get into this tutorial, except for bump mapping which is quite basic, and the displacement feature of VRay materials that is actually a &#8220;sin&#8221; not to mention.</p>
<p>Note that the term &#8220;texture&#8221; can also be referred to as &#8220;color&#8221; of the surface, but I used the &#8220;texture&#8221; term deliberately because no object in the world has the absolutely same color all over it&#8217;s surface &#8211; so we are actually talking about textures all the time.</p>
<p>Unless, it&#8217;s something we can approximate with a constant color. A glass window, for instance. Still, even in that case, it&#8217;s advisable to add some very light texture on the glass surface adding realism. If you do not do that you will end up with a perfect rendering and that&#8217;s not photorealistic.</p>
<p>Next, let us go over all these Vray materials characteristics with rendering examples how they actually work. Later I will do a combination of VRay materials properties to simulate real world situations, and at the end we shall do a simple rendering of a coffee cup. I&#8217;ll also explain how to set up the materials for that one.</p>
<h2>Defining VRay Materials</h2>
<div class="wp-caption alignright" style="width: 190px"><a href="/images/posts/rendering/vray-photorealistic-rendering/diffuse.jpg" title="Diffuse Properties" rel="lightbox[930]"><img class="      " title="Diffuse Properties" src="/images/posts/rendering/vray-photorealistic-rendering/diffuse.jpg" alt="Diffuse Properties" width="180" height="180" /></a><p class="wp-caption-text">Diffuse Properties</p></div>
<h3>Diffuse property</h3>
<p>The diffuse texture has been used around for quite a long time. Back in time, when the CPU/GPU power was pretty low, we were all happy that we had at least have that one. Basically, it describes colors that are present on the surface. So I applied a simple stone texture to the sphere over at the right image using VRay materials. This is as simple as it gets regardless of what model of light or renderer you use.</p>
<p>Note that you can click on any image to see it larger.</p>
<h3>Specular property</h3>
<div class="wp-caption alignright" style="width: 190px"><a href="/images/posts/rendering/vray-photorealistic-rendering/specular.jpg" title="Specular Properties" rel="lightbox[930]"><img class="  " title="Specular Properties" src="/images/posts/rendering/vray-photorealistic-rendering/specular.jpg" alt="Specular Properties" width="180" height="180" /></a><p class="wp-caption-text">Specular Properties</p></div>
<p>In this simple example of specularity, I&#8217;ll only add a 100% specular property to the surface &#8211; which means it&#8217;s fully reflecting the environment. Let&#8217;s check out the image on the right. Not that I also added (my favorite) checkered marble as a floor so we see how the sphere is reflecting it.</p>
<p>Vray materials here are doing a pretty good job here specially if you take into account the next feature.</p>
<p>Let&#8217;s take a look at the Reflection Glossiness (Refl. Glossiness) parameter. It basically defines how uneven the surface is on a molecular level. Think of it as really, really small bumps that you need to zoom in pretty much to be visible. What it does is that it adds a bluriness factor to the reflection, so we can simulate surfaces that are not mirror flat. Adding a subtle bump map and tiling if a lot of times over the surface would produce a similar effect &#8211; and that is actually what happens in nature. But, to speed up things the Reflection Glossiness is added so we can take advantage of it.</p>
<div class="wp-caption alignright" style="width: 190px"><a href="/images/posts/rendering/vray-photorealistic-rendering/specular-blur.jpg" title="Specularity with a blurry reflection" rel="lightbox[930]"><img class="  " title="Specularity with a blurry reflection" src="/images/posts/rendering/vray-photorealistic-rendering/specular-blur.jpg" alt="Specularity with a blurry reflection" width="180" height="180" /></a><p class="wp-caption-text">Specularity with a blurry reflection</p></div>
<p>Let&#8217;s check out the results at the right image. The additional VRay materials parameters applied here are:</p>
<p>Refl. Glossiness: 0.9<br />
Subdivs: 32<br />
Interpolation: No<br />
Max depth: 5<br />
Exit color: Black (RGB: 0,0,0)</p>
<p>There are some additional parameters that are associated with the Reflection Glossiness &#8211; namely the Subdivision (Subdivs.) that is defining how many test rays are to be shot out to sample the surroundings. Basically, the lower the Reflection Glossiness the higher the Subdivisions settings need to be. If the Reflection Glossiness is set to 1 this parameter is ignored, and only one ray is shot out to sample the reflection of the VRay materials.</p>
<p>The Max. Depth parameter defines how many times the ray shot out to determine the reflection can be bounced from other reflective or refractive materials. The Exit Color defines if the number of maximum trace depth has been reached what color to apply at the end of the trace point. Note that this does not mean what color will be applied as a final color to the pixel in question.</p>
<p>I basically never use the Interpolation parameter, as it actually blurs the result. It is to be used when the Subdivs value is low, and you still want to have a render that is relatively decent, not blotchy. It is also recommended to use this VRay materials feature if you are creating an animation because it causes severe flickering of the rendered solution.</p>
<h3>Fresnel Reflections</h3>
<div class="wp-caption alignright" style="width: 190px"><a href="/images/posts/rendering/vray-photorealistic-rendering/specular-fresnel.jpg" title="Fresnel reflections" rel="lightbox[930]"><img class="  " title="Fresnel reflections" src="/images/posts/rendering/vray-photorealistic-rendering/specular-fresnel.jpg" alt="Fresnel reflections" width="180" height="180" /></a><p class="wp-caption-text">Fresnel reflections</p></div>
<p>Next, you can use Fresnel reflections with your VRay materials. A Fresnel reflection is a physical characteristics of the material that is getting more reflective the steeper the angle between the viewer and the surface itself. A perfect real life example is when you are driving on a highway and you see that the road close to the horizon is actually reflecting like a miror &#8211; you are actually looking at a Fresnel reflection. Other materials also have this property, for instance porcelain. Here is a material rendered with Fresnel reflections.</p>
<p>Note that you can also tweak the IOR (Index of Reflection) with the Fresnel model &#8211; the bigger the value, the sooner it reflects objects around on less steep angles.</p>
<h3>Refraction Property</h3>
<div class="wp-caption alignright" style="width: 190px"><a href="/images/posts/rendering/vray-photorealistic-rendering/refraction.jpg" title="Simple refraction example using VRay" rel="lightbox[930]"><img class=" " title="Simple refraction example using VRay" src="/images/posts/rendering/vray-photorealistic-rendering/refraction.jpg" alt="Simple refraction example using VRay" width="180" height="180" /></a><p class="wp-caption-text">Simple refraction example using VRay</p></div>
<p>Usually refraction comes with reflection in nature, but bare in mind that these are two different things. Reflection is when a photon makes &#8220;ricochet&#8221; from the surface, and refraction means that the surface is transparent and the photons are going through the material, breaking the trajectory of light by some angle (IOR, Index of Refraction/Reflection). For this VRay material rendering example I turned on additional render settings so the light that is refracted is properly simulated. I should also have done that for the reflection, but I shall provide a glass example later that will contain both reflect and refract with additional render settings to simulate photons focused from the glass acting as lens.</p>
<p>The refraction has no Fresnel property, but still has an IOR  factor  which we can play with once we understand the basics how this  works.</p>
<p>For rendering refraction and reflection properly using VRay materials you must check out the Caustics section of render settings, which will be further discussed in an article related to glass, refractive and reflective rendering tricks. Note the light refracted to the lower part of the sphere and to the floor.</p>
<div class="wp-caption alignright" style="width: 190px"><a href="/images/posts/rendering/vray-photorealistic-rendering/bump.jpg" title="Bump texture applied" rel="lightbox[930]"><img class="  " title="Bump texture applied" src="/images/posts/rendering/vray-photorealistic-rendering/bump.jpg" alt="Bump texture applied" width="180" height="180" /></a><p class="wp-caption-text">Bump texture applied</p></div>
<h3>Bump Property</h3>
<p>The bump texture is used, as you already may know, to simulate uneven surfaces without geometry, so we get faster rendering times for details that are anyway too small to be presented with geometry. I used a simple bump texture accompanying the stone texture we used for the diffuse texture test. There is a factor associated with the bump and it defines in some relative terms how &#8220;deep&#8221; the bump should be simulated. Setting this property might differ very much depending on the texture you use.</p>
<p>VRay materials using bump has also a nice feature that it will do some displacement depending on the angle of view without making the surface actually come out. This feature is called parallax mapping. The feature that can actually make the bump come out from the surface is discussed in the next secion.</p>
<p>The bump map/texture settings are available a bit lower in the &#8220;Textures&#8221; section of the VRay material.</p>
<h3>Displacement Property</h3>
<div class="wp-caption alignright" style="width: 190px"><a href="/images/posts/rendering/vray-photorealistic-rendering/displacement.jpg" title="Displacement Texture rendered with Vray" rel="lightbox[930]"><img class=" " title="Displacement Texture rendered with Vray" src="/images/posts/rendering/vray-photorealistic-rendering/displacement.jpg" alt="Displacement Texture rendered with Vray" width="180" height="180" /></a><p class="wp-caption-text">Displacement Texture rendered with Vray</p></div>
<p>There is a very handy thing you can use with VRay materials &#8211; using the previous bump texture we shall apply it as a displacement texture. No you may ask, what&#8217;s the difference? Well, VRay calculates the amount of displacement and creates an actual geometry of the surface, so the texture is displacing the surface as it would be a high polygon model. This is really helpful if you want to render a stone wall (for instance) and you are really not in the mood to create actual geometry. Even if you successfully create that geometry it will cost you a LOT of time. So, let&#8217;s check you how this looks like in an actual VRay rendering (image on the right).</p>
<p>Beware that the slight changes in the high map can produce a lot of extra geometry and is also quite visible. So, if you are using textures such as the example it is recommended blurring it a bit. It is also recommended to keep an eye on the rendering setup displacement Max. Subdivisions parameter which is controlling how many subdivisions are to be made to the geometry. It&#8217;s also a good idea to combine the displacement texture with the bump texture, so you get both geometry plus the small details from the bump.</p>
<h2>Using Photorealistic VRay Materials</h2>
<p>Now that we learned all these VRay Material properties, let&#8217;s take a step further and combine some of the material setups we used thus far. We shall render a stone material that has a displacement, and is wet. This should be the next step taken towards creating your photorealistic VRay Materials setups in the future.</p>
<p>Let&#8217;s digress for a moment from VRay and it&#8217;s material settings. Let&#8217;s try to think in real world parameters. The diffuse texture is simple, just apply it. The displacement is also a piece of cake (except for the renderer, it slows it down quite a bit). Now for the specularity. Wet surfaces tend to have strong specularity, so we shall put that parameter close to 1. As for the others, just leave it as default, except you need to turn on Fresnel refractions.</p>
<div class="wp-caption alignright" style="width: 190px"><a href="/images/posts/rendering/vray-photorealistic-rendering/wet-stone.jpg" title="Combining the material properties - a wet stone" rel="lightbox[930]"><img class=" " title="Combining the material properties - a wet stone" src="/images/posts/rendering/vray-photorealistic-rendering/wet-stone.jpg" alt="Combining the material properties - a wet stone" width="180" height="180" /></a><p class="wp-caption-text">Combining the material properties - a wet stone</p></div>
<p>If you want to be a professional using VRay to render jaw-dropping scenes, you must understand that the material settings are very subtle, and it&#8217;s basically best to observe those in real life situations. With time you will develop an ability to basically &#8220;see&#8221; parameters you need to set up in VRay to have the same result &#8211; or close to it. You will always need to do test renders to see if every material is just as it should be.</p>
<p>OK, let&#8217;s check out our stone ball now!</p>
<p>Next, let us explore some more advanced and real life examples of VRay Materials, and as promised, I&#8217;ll give you examples of materials used in the first image in this post (the photorealistic rendering of a coffee cup).</p>
<p>Continue to: <a title="Advanced VRay Materials" href="http://robertokoci.com/advanced-vray-materials/">Photorealistic Rendering With VRay &#8211; Material Examples</a></p>
<p>Have fun exploring VRay materials for your ultimate photorealistic renderings!</p>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fphotorealistic-rendering-vray-materials%2F&amp;title=Rendering%20With%20VRay%20-%20Materials%20Kickstart&amp;bodytext=If%20you%20checked%20out%20some%20renderings%20with%20VRay%20on%20various%20site%20and%20forums%2C%20you%20probably%20wonder%20how%20the%20hell%20did%20they%20do%20it%3F%20Well%2C%20there%20are%20a%20couple%20tricks%20I%27m%20going%20to%20share%20with%20you%20about%20photorealistic%20rendering%20using%20Vray%20materials%20and%20rendering%20se" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fphotorealistic-rendering-vray-materials%2F&amp;title=Rendering%20With%20VRay%20-%20Materials%20Kickstart" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fphotorealistic-rendering-vray-materials%2F&amp;title=Rendering%20With%20VRay%20-%20Materials%20Kickstart&amp;notes=If%20you%20checked%20out%20some%20renderings%20with%20VRay%20on%20various%20site%20and%20forums%2C%20you%20probably%20wonder%20how%20the%20hell%20did%20they%20do%20it%3F%20Well%2C%20there%20are%20a%20couple%20tricks%20I%27m%20going%20to%20share%20with%20you%20about%20photorealistic%20rendering%20using%20Vray%20materials%20and%20rendering%20se" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/photorealistic-rendering-vray-materials/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Adding WordPress Google Maps</title>
		<link>http://robertokoci.com/wordpress-google-map/</link>
		<comments>http://robertokoci.com/wordpress-google-map/#comments</comments>
		<pubDate>Mon, 17 Jan 2011 14:44:58 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=612</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-google-map%2F">
				
			</a>
		
<p>It&#8217;s nice to have Google Maps on your web-page for various reasons, so if you are using WordPress, here&#8217;s a handy tutorial how to add a WordPress Google Map in 5 minutes!</p>
<p><span id="more-612"></span></p>
Preparations for Inserting a Google Map in WordPress
<p>Google Maps is a flexible API for getting Google Maps to your website, WordPress included. <p>Continue reading <a href="http://robertokoci.com/wordpress-google-map/">Adding WordPress Google Maps</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-google-map%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-google-map%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>It&#8217;s nice to have Google Maps on your web-page for various reasons, so if you are using WordPress, here&#8217;s a handy tutorial how to add a WordPress Google Map in 5 minutes!</p>
<p><span id="more-612"></span></p>
<h2>Preparations for Inserting a Google Map in WordPress</h2>
<p>Google Maps is a flexible API for getting Google Maps to your website, WordPress included. The simplest way to do that is using an IFrame, and Static Google Maps. So, let&#8217;s go over what you need to get a WordPress Google Map!</p>
<p>First, you need a WordPress plugin called <a title="IFrame WordPress plugin" href="http://wordpress.org/extend/plugins/insere-iframe/" class="broken_link">InsereFrame</a>. It lets you insert IFrames using short-codes. Once you install it, activate it, and we are finished adding new plugins for our needs.</p>
<div class="wp-caption alignright" style="width: 270px"><a href="/images/posts/wordpress/google-maps/wordpress-google-maps.png" title="Google Map Settings for the embedded window" rel="lightbox[612]"><img class="  " title="Google Map Settings for the embedded window" src="/images/posts/wordpress/google-maps/wordpress-google-maps.png" alt="Google Map Settings for the embedded window" width="260" height="433" /></a><p class="wp-caption-text">Google Map Settings for the embedded window</p></div>
<p>Now, go to <a title="Google Maps" href="http://maps.google.com/">Google Maps</a>, and navigate around, find the spot you need to display in your WordPress page or post. Once you found the location, you need to click on the &#8220;Link&#8221; tab in the upper right corner. A small frame will pop up offering you embed links from email or website. You need the second option, but even better,  click on the &#8220;<a id="lelink" tabindex="402">Customize and preview embedded map</a>&#8220;. A new window will pop up (if your browser lets new windows to be popped up, check browser settings if this window does not come up).</p>
<p>What is really lovable in the pop up window is that you can choose number of parameters for your Google Maps window that you are going to embed to WordPress. First, you can set the size (resolution) of the window, next the map type, and all that with preview! As far as the Map types go, I recommend using any except the &#8220;Earth&#8221; type. This is because if one wants to preview in Google Earth style, needs to download a plugin for that. Ok, it&#8217;s not such a big problem, as your embedded window will display a nice link to download the plugin, and once it&#8217;s installed the user is ready to view the maps in Google Earth style (3D) too.</p>
<p>You can also scroll, position, rotate (if in &#8220;Earth&#8221; mode), and once you are happy with it, copy the lower code from the window (&#8220;Copy and paste this HTML to embed in your website&#8221;).</p>
<h2>WordPress Google Map Embedding</h2>
<p>Once you have the code copied, you need to add it to your post or page like this:</p>
<p>[ iframe:  width="425" height="350" frameborder="0" scrolling="no"  marginheight="0" marginwidth="0"  src="http://maps.google.com/?ie=UTF8&amp;amp;ll=36.102376,-112.060547&amp;amp;spn=24.76128,37.353516&amp;amp;z=4&amp;amp;output=embed"  ]</p>
<p>It&#8217;s enough to copy the parts that are limited with the &lt;iframe&gt;  code, like shown on the right image. You can drop the last  &lt;iframe&gt; and convert the start and end &lt;,&gt;&#8217;s to [ and ]. Add a &#8220;:&#8221; after iframe and you are ready to go.</p>
<p>Important: you need to add the iframe and google maps code you copied from our pop-up window IN HTML EDIT MODE! If you are in visual mode the code will get messed up and your WordPress Google Map will show the whole Google Maps window, like you would see it while visiting the actual site. So, if you are having that, delete the code and re-add it in HTML edit mode. Afterward it&#8217;s safe to switch back and forth between Visual and HTML edit mode.</p>
<p>I added spaces after and before the ]&#8217;s so the IFrame plugin does not convert that to an actual IFrame. I did a small modification in the positioning and zooming of the previous code (which was showing the US west coast), and now it&#8217;s showing the general San Fransisco Bay area:</p>
<p><iframe  width="700" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?ftr=0&amp;ie=UTF8&amp;t=h&amp;ll=37.827141,-122.35199&amp;spn=1.084708,1.919861&amp;z=9&amp;output=embed" >Seu browser não suporta iframes.</iframe></p>
<p>Other than that, you are ready to go! Enjoy your new Wordress Google Maps!</p>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fwordpress-google-map%2F&amp;title=Adding%20Wordpress%20Google%20Maps&amp;bodytext=It%27s%20nice%20to%20have%20Google%20Maps%20on%20your%20web-page%20for%20various%20reasons%2C%20so%20if%20you%20are%20using%20Wordpress%2C%20here%27s%20a%20handy%20tutorial%20how%20to%20add%20a%20Wordpress%20Google%20Map%20in%205%20minutes%21%0D%0A%0D%0A%0D%0APreparations%20for%20Inserting%20a%20Google%20Map%20in%20Wordpress%0D%0AGoogle%20Maps%20is%20a%20fle" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-google-map%2F&amp;title=Adding%20Wordpress%20Google%20Maps" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-google-map%2F&amp;title=Adding%20Wordpress%20Google%20Maps&amp;notes=It%27s%20nice%20to%20have%20Google%20Maps%20on%20your%20web-page%20for%20various%20reasons%2C%20so%20if%20you%20are%20using%20Wordpress%2C%20here%27s%20a%20handy%20tutorial%20how%20to%20add%20a%20Wordpress%20Google%20Map%20in%205%20minutes%21%0D%0A%0D%0A%0D%0APreparations%20for%20Inserting%20a%20Google%20Map%20in%20Wordpress%0D%0AGoogle%20Maps%20is%20a%20fle" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/wordpress-google-map/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Importance of WordPress Permalinks</title>
		<link>http://robertokoci.com/wordpress-permalinks/</link>
		<comments>http://robertokoci.com/wordpress-permalinks/#comments</comments>
		<pubDate>Tue, 07 Dec 2010 21:09:02 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=622</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-permalinks%2F">
				
			</a>
		
<p>The WordPress permalinks structure of your website or blog is one of the most important things you need to know about. The URL that is generated via the permalink settings crucially effects how search engines rank your pages and/or posts. It takes minutes to set it up properly and the benefit far bigger than <p>Continue reading <a href="http://robertokoci.com/wordpress-permalinks/">The Importance of WordPress Permalinks</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-permalinks%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-permalinks%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>The WordPress permalinks structure of your website or blog is one of the most important things you need to know about. The URL that is generated via the permalink settings crucially effects how search engines rank your pages and/or posts. It takes minutes to set it up properly and the benefit far bigger than the time &#8220;wasted&#8221; on it.</p>
<p>Here&#8217;s an article for you to teach you how to set up the WordPress permalinks properly in and some examples how to make the most effective URLs for your pages!<br />
<span id="more-622"></span><br />
<!--wordpress permalink article start--></p>
<p>Before I start telling you how and why is this all very important, first, let&#8217;s go to the WordPress Settings and check out what are our options there.</p>
<h2>WordPress Permalink Settings</h2>
<div class="wp-caption alignright" style="width: 392px"><a href="http://robertokoci.com/images/posts/seo/wordpress-permalink/wordpress-permalinks-settings.png" title="Wordpress Permalink Settings" rel="lightbox[622]"><img class="   " title="Wordpress Permalink Settings" src="/images/posts/seo/wordpress-permalink/wordpress-permalinks-settings.png" alt="Wordpress Permalink Settings" width="382" height="355" /></a><p class="wp-caption-text">Wordpress Permalink Settings (click to enlarge)</p></div>
<p>Let&#8217;s head to the page where you need to set up your WordPress permalinks structure. Open up your site&#8217;s administration and go to Settings/Permalinks (right image). As you see, you have a couple of options there. You can leave the WordPress permalinks to default and have /p=1575 in the URL, change to date or day related permalinks or put up a numeric one.</p>
<p>What we need here is the last one: the Custom Structure. Let me explain why.</p>
<p>Google and all the major search engines keep the URL as a part of the ranking algorithm, checking keywords and density there. So, if you leave the WordPress permalinks type to any of the suggested ones (except the last one) you are actually more-less making a mistake. If your URL for the post is &#8220;http://mycoolblog.com/2010/4/4/p=4353/&#8221; what did you tell to the search engines? You told them that your site is &#8220;my&#8221;, &#8220;cool&#8221; (BTW, search engines do not actually think your site is cool if you write that in the URL, it only tells them it is related to the &#8220;cool&#8221; word) and &#8220;post&#8221; plus a bunch of numbers that noone cares about. So, this is bad. Let&#8217;s check out now how to properly set up the WordPress permalinks settings!</p>
<h2>One Permalink Customization to Rule Them All!</h2>
<p>At this point we shall look what WordPress offers us to set up a permalink structure that is custom and fits our needs from the aspect of human readability and Search Engine Optimization.</p>
<p>If you enlarged the previous image you probably noticed that the WordPress permalinks is set to custom, and has the &#8220;/%category%/%postname%/&#8221; in the field that is otherwise empty by default. What this actually means is this. You wrote a post about &#8220;growing chilly in your garden&#8221;, and that went to the &#8220;food&#8221; category. Good, so the post URL will be:</p>
<p>Home URL + / + categorie + / + growing chilly in your garden</p>
<p>what comes out as:</p>
<p>http://www.mycoolblog.com/food/growing-chilly-in-your-garden/</p>
<p>First, this is far more descriptive for human readers then having a bunch of numbers and p=68724. You actually TOLD the search engines what this post is about! It&#8217;s about food, growing, chilly, in, your and garden. As simple as that. WordPress will automatically add the categories and post titles to the URL, you only need to take care to give descriptive titles to your posts or pages.</p>
<p>Some people recommend the /%year%/%month%/%day%/%postname%/ WordPress permalinks structure, or the same with %categorie% added before the post-name. I agree that this structure is important for news type sites or if you want to apply for Google news &#8211; I think they will ask for a similar URL setup.</p>
<p>Here is the complete list of codes that WordPress supports for creating custom WordPress permalinks:</p>
<table border="0" cellspacing="0" cellpadding="0" width="700">
<tbody>
<tr>
<td>%year%</td>
<td>The year of the post/page, four digits (e.g. 2004)</td>
</tr>
<tr>
<td>%monthnum%</td>
<td>Month of the year (e.g. 05)</td>
</tr>
<tr>
<td>%day%</td>
<td>Day of the month (e.g. 28)</td>
</tr>
<tr>
<td>%hour%</td>
<td>Hour of the day (e.g. 15)</td>
</tr>
<tr>
<td>%minute%</td>
<td>Minute of the hour (e.g. 43)</td>
</tr>
<tr>
<td>%second%</td>
<td>Second of the minute (e.g. 33)</td>
</tr>
<tr>
<td>%postname%</td>
<td>This will put in the slug version of your post title (e.g. post titled &#8220;Growing Chilly In Your Garden&#8221; becomes &#8220;growing-chilly-in-your-garden&#8221;)</td>
</tr>
<tr>
<td>%post_id%</td>
<td>The unique ID # of the post (e.g. 423)</td>
</tr>
<tr>
<td>%category%</td>
<td>A categorie slug version of the categorie name (e.g. &#8220;Growing Food&#8221; becomes &#8220;growing-food&#8221;).</td>
</tr>
<tr>
<td>%tag%</td>
<td>A tag slug for the given tag name, same logic as the %categorie% and %postname%.</td>
</tr>
<tr>
<td>%author%</td>
<td>Slug version of the author&#8217;s name.</td>
</tr>
</tbody>
</table>
<p>Some of the suggested %code-for-the-permalink-structure%s are not recommended by the good people over at WordPress.</p>
<p>So you can combine all sorts of styles with these codes. Once you set it up properly you will only need to choose the post categorie, tag, and give the article/post/page a proper slug:</p>
<div class="wp-caption alignnone" style="width: 693px"><img title="Editing the slug post or page title in WordPress" src="/images/posts/seo/wordpress-permalink/slug-post-title-edit.png" alt="Editing the slug post or page title in WordPress" width="683" height="151" /><p class="wp-caption-text">Editing the slug post or page title in WordPress</p></div>
<p>Like shown on the image, and you are good to go!</p>
<p>Just set up the WordPress permalinks structure and the search engines will love you and then you can also start loving them back!</p>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fwordpress-permalinks%2F&amp;title=The%20Importance%20of%20WordPress%20Permalinks&amp;bodytext=The%20Wordpress%20permalinks%20structure%20of%20your%20website%20or%20blog%20is%20one%20of%20the%20most%20important%20things%20you%20need%20to%20know%20about.%20The%20URL%20that%20is%20generated%20via%20the%20permalink%20settings%20crucially%20effects%20how%20search%20engines%20rank%20your%20pages%20and%2For%20posts.%20It%20takes%20mi" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-permalinks%2F&amp;title=The%20Importance%20of%20WordPress%20Permalinks" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-permalinks%2F&amp;title=The%20Importance%20of%20WordPress%20Permalinks&amp;notes=The%20Wordpress%20permalinks%20structure%20of%20your%20website%20or%20blog%20is%20one%20of%20the%20most%20important%20things%20you%20need%20to%20know%20about.%20The%20URL%20that%20is%20generated%20via%20the%20permalink%20settings%20crucially%20effects%20how%20search%20engines%20rank%20your%20pages%20and%2For%20posts.%20It%20takes%20mi" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/wordpress-permalinks/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Using Php In WordPress Posts and Pages</title>
		<link>http://robertokoci.com/wordpress-php-code-post-page/</link>
		<comments>http://robertokoci.com/wordpress-php-code-post-page/#comments</comments>
		<pubDate>Fri, 03 Dec 2010 23:14:07 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=630</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-php-code-post-page%2F">
				
			</a>
		
<p>WordPress is great for creating web pages! HTML is cool, but, from time to time, or on a more regular basis, you need to add some PHP code to your page. Let&#8217;s take a crash course on the subject of inserting custom PHP code directly in your posts and/or pages!</p>
<p><span id="more-630"></span>If you need a <p>Continue reading <a href="http://robertokoci.com/wordpress-php-code-post-page/">Using Php In WordPress Posts and Pages</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-php-code-post-page%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-php-code-post-page%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><strong>WordPress</strong> is great for creating web pages! HTML is cool, but, from time to time, or on a more regular basis, you need to add some PHP code to your page. Let&#8217;s take a crash course on the subject of inserting custom PHP code directly in your posts and/or pages!</p>
<p><span id="more-630"></span>If you need a <strong>custom php code executed</strong> in your post or page, you probably tried doing something similar as I did &#8211; copy pasted it directly into the editor. Next, you wondered why isn&#8217;t it working. Well, the content you put in the editor is either:</p>
<ol>
<li>Text, image, video, audio or any feature supported by the Visual editor.</li>
<li>HTML code in the HTML editor mode</li>
</ol>
<p>And that&#8217;s why it won&#8217;t work. By default WordPress excepts HTML code, not PHP.</p>
<h2>Adding PHP Code to Your Post Using a Plug-in</h2>
<p>WordPress is built in PHP, so it&#8217;s logical that it can use it, but for our purpose we will need to add a plugin that actually tells WordPress that it needs to execute PHP code. Type &#8220;Inline PHP&#8221; in the plugins search field (Plugins/Add New) and install and activate the &#8220;Inline PHP&#8221; plugin. You can also use the &#8220;PHP Shortcode&#8221; plugin that is based on the previously mentioned one.</p>
<p>Once you install one of these plugins adding PHP code is very simple. You simply use a shortcode to tell WordPress that there is a php block there!</p>
<h3>Using the Inline PHP plugin:</h3>
<pre>[ exec]
echo 'This is a test';
[ /exec]
</pre>
<h3>Using the PHP Shortcode Plugin</h3>
<pre><code>[ php]
  $a = 1;
  $b = 2;

  echo $a + $b;
[ /php]
</code></pre>
<p>Note: I added a space after the &#8220;[" so the plugin does not kick in. If I would not, you would not see the actual code. So, when you use the shotcodes, remove the space before the exec and /exec (or php /php if you installed the PHP Shortcode plugin).</p>
<h2>WordPress Coding Usage Scenarios</h2>
<p>And now you can go code-happy and add all kinds of PHP codes to your pages!</p>
<p>For example, you can write a page (not a post) about one of the subjects on your blog or website and list all the articles in that category using a simple php call.</p>
<p>You can also use php in widgets to add some custom gizmos you created on your own.</p>
<p>If your PHP code is quite extensive, you can create your own function that can be called with a single PHP line so your post does not get "overloaded with code". To do this you need to do the following:</p>
<ol>
<li><strong>Create</strong> the actual PHP function and add it to a folder somewhere on your site</li>
<li><strong>Include</strong> the function in the theme's functions.php by adding this in the file:<br />
include_once (/my_custom_php_code/my_custom_function.php');<br />
With this you made your function(s) recognizable to WordPress. Note that the path is relative from the root folder of your website.</li>
<li><strong>Execute</strong> the PHP function using the shortcodes in your posts, pages or sidebar widgets. For instance if you have a function in the included .php that is called DisplayDate() you would call it using:<br />
[ exec]DisplayDate();[ /exec]<br />
Again, I added spaces so the code does not get actually executed.</li>
</ol>
<p>And that&#8217;s it! Happy PHP WordPress coding!</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 569px; width: 1px; height: 1px; overflow: hidden;">David Doolin &lt;david.doolin@gmail.com&gt;;</div>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fwordpress-php-code-post-page%2F&amp;title=Using%20Php%20In%20WordPress%20Posts%20and%20Pages&amp;bodytext=Wordpress%20is%20great%20for%20creating%20web%20pages%21%20HTML%20is%20cool%2C%20but%2C%20from%20time%20to%20time%2C%20or%20on%20a%20more%20regular%20basis%2C%20you%20need%20to%20add%20some%20PHP%20code%20to%20your%20page.%20Let%27s%20take%20a%20crash%20course%20on%20the%20subject%20of%20inserting%20custom%20PHP%20code%20directly%20in%20your%20posts%20and%2F" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-php-code-post-page%2F&amp;title=Using%20Php%20In%20WordPress%20Posts%20and%20Pages" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-php-code-post-page%2F&amp;title=Using%20Php%20In%20WordPress%20Posts%20and%20Pages&amp;notes=Wordpress%20is%20great%20for%20creating%20web%20pages%21%20HTML%20is%20cool%2C%20but%2C%20from%20time%20to%20time%2C%20or%20on%20a%20more%20regular%20basis%2C%20you%20need%20to%20add%20some%20PHP%20code%20to%20your%20page.%20Let%27s%20take%20a%20crash%20course%20on%20the%20subject%20of%20inserting%20custom%20PHP%20code%20directly%20in%20your%20posts%20and%2F" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/wordpress-php-code-post-page/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>35 WordPress Comments Plugins to Enhance Your Website or Blog</title>
		<link>http://robertokoci.com/wordpress-comments-plugins/</link>
		<comments>http://robertokoci.com/wordpress-comments-plugins/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 14:40:54 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=632</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-comments-plugins%2F">
				
			</a>
		
<p>One of the best things with WordPress is that you can customize as you like. Using plugins, you can do almost (or totally?) everything. In this post, I&#8217;m going to give you the top 35 WordPress comments plugins making your site better than the competitor&#8217;s and make your visitors love you even more!</p>
<p><span id="more-632"></span>WordPress <p>Continue reading <a href="http://robertokoci.com/wordpress-comments-plugins/">35 WordPress Comments Plugins to Enhance Your Website or Blog</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-comments-plugins%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-comments-plugins%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>One of the best things with WordPress is that you can customize as you like. Using plugins, you can do almost (or totally?) everything. In this post, I&#8217;m going to give you the top 35 WordPress comments plugins making your site better than the competitor&#8217;s and make your visitors love you even more!</p>
<p><span id="more-632"></span>WordPress has a built-in commenting feature. You write in what you want, leave an email address, name, the comment, and hit the &#8220;Submit comment&#8221;. That&#8217;s it.</p>
<p>But, how many times did you post a comment and saw that you made a typo, without the possibility to edit? How many times, you wanted to add some custom smiley? How many times you wanted to see if there are new comments and reply, but not having to return every day to check out if anyone has disagreed with you (or if everyone agrees, so you can take credit)?</p>
<h2>Customizing WordPress Commenting With Plugins</h2>
<p><img class="alignleft" src="/images/posts/wordpress/comment-plugins/commenting-crowd.jpg" alt="People talking" width="270" height="268" />First, if you think that adding some funky WordPress comment plugin will jazz up you site&#8217;s ranking, well, it won&#8217;t. Not directly, that is.</p>
<p>Here, we are talking about visitors satisfaction. If your visitor is satisfied, will come back, bookmark you, or even put a nice link to your site (now that DOES improve ranking). Adding a plugin that allows one to subscribe to comments will also attract visitors back to you.</p>
<p>By adding comment enhancements with WordPress plugins, you are actually helping to build a community on your website. You can also encourage commenting by adding a beneficial &#8220;do-follow&#8221; link for your commenter, CommentLuv so others can see the person&#8217;s latest blog entry.</p>
<p>In the last section, we shall also talk about <strong>detecting and getting rid of spam comments</strong>.</p>
<h2>Enhancing WordPress Comments With Plugins</h2>
<p>As the title says, it makes the commenter&#8217;s life easier by adding some things that are handy, useful &#8211; and everyone loves those! Let&#8217;s enhance your website/blog with these cool WordPress comment plugins!</p>
<h3>Facebook Comments for WordPress</h3>
<p><a href="http://www.grahamswan.com/facebook-comments" target="_blank" class="broken_link">Facebook Comments for WordPress</a> plugin let&#8217;s the user make a comment while logged in to Facebook, thus having posted a comment in your blog and in Facebook too. Features number of comments, customizable styles, manual or automatic insertion to pages or posts. Definitely a social media plugin for comments that you must have.</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/facebook-wordpress-comment-plugin.png" alt="Facebook comments plugin" width="533" height="426" /></p>
<h3>CommentLUV</h3>
<p><a title="CommentLuv" href="http://comluv.com/" target="_blank">CommentLuv</a> is one of the most popular plugins for comments right now. It adds a link right below the comment about the latest post from the commenter&#8217;s site. Nice way to inspire to write a nice coment! You get a link back to you(to the commenter) !</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/comment-luv.png" alt="Comment Luv plugin for WordPress" width="528" height="114" /></p>
<h3>Do Follow</h3>
<p><a title="Do Follow" href="http://www.semiologic.com/software/dofollow/" target="_blank">Do Follow</a> is removing the &#8220;evil&#8221; no-follow from the links to the commenter&#8217;s site. This way, your commenters get a genuine link to their site with PR actually flowing towards them. This and the previous WordPress comment plugin makes a potent combination for attracting visitors to your site. There are also &#8220;do-follow&#8221; directories that you can submit your site to in case you have this plugin installed and activated.</p>
<h3>Recent Comments with Gravatar</h3>
<p><a href="http://suhanto.net/recent-comments-gravatar-widget-wordpress/" target="_blank">Recent Comments with Gravatar</a> is not exactly a WordPress comments enhancer &#8211; it is a sidebar widget. But I find it important mentioning it here, because it inspires the commenters by displaying the most recent comments on every page of your site in the sidebar. And, it&#8217;s visually appealing to have such gizmos on your WordPress website.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/recent-comments-with-gravatar.png" alt="Recent Comments with Gravatar plugin" width="600" height="400" /></p>
<h3>Top Contributors</h3>
<p><a href="http://justmyecho.com/2010/07/top-contributors-plugin-wordpress/" target="_blank" class="broken_link">Top Contributors</a> WordPress plugin is a widget that lets you display the top contributors (commentators) either in a form of a list with Gravatar images, or as a Gravatar list only.</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/top-contributors-wordpress-plugin.jpg" alt="Top contributors plugin modes display" width="394" height="163" /></p>
<h3>Greg&#8217;s Threaded Comment Numbering</h3>
<p><a href="http://counsellingresource.com/features/2009/01/27/threaded-comment-numbering-plugin-for-wordpress/" target="_blank">Greg&#8217;s Threaded Comment Numbering</a> is a WordPress comment plugin that adds numbers to the comments. You can use custom style numbers too. Easier for referencing.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/gregs-threaded-comment-numbering.png" alt="Greg's Threaded Comment Numbering plugin for WordPress" width="467" height="365" /></p>
<h3>Greg’s Comment Length Limiter</h3>
<p><a href="http://counsellingresource.com/features/2009/02/04/comment-length-limiter-plugin/">Greg’s Comment Length Limiter</a> for WordPress is another great plugin from Greg. It is simply adding a configurable limit to the number of characters in the comment, so your visitor does not get &#8220;keyword happy&#8221;. Displays the &#8220;characters left&#8221; below the comment dialog box.</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/character-limitter.png" alt="Greg's Comment Limitter WordPress Plugin in action" width="465" height="285" /></p>
<h3>Custom Smilies</h3>
<p>If you feel that the WordPress provided smileys are boring you can use the <a href="http://goto8848.net/projects/custom-smilies/" target="_blank">Custom Smilies</a> plugin to jazz it up!</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/custom-smilies-plugin.png" alt="Custom Smilies plugin" width="451" height="320" /></p>
<h3>Tango Smileys Extended</h3>
<p>If the previous WordPress plugin did not satisfy your lust for smileys, here&#8217;s one that will blow your socks off. <a href="http://wordpress.org/extend/plugins/tango-smileys-extended/" target="_blank">Tango Smileys Extended</a> delivers 202 smileys in the plugin that replaces the original WordPress defaults. Click to insert into comments!</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/tango-smilies-extended.png" alt="Tango Smileys Extended plugin for WordPress" width="420" height="210" /></p>
<h3>Editable Comments</h3>
<p><a href="http://julienappert.com/realisations/plugin-editable-comments" target="_blank">Editable Comments</a> WordPress comment plugin allows the commenter to edit it for the during of time window you set. Good if one makes a typo and want to edit that, before someone sees that and he/she is all embarrassed.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/editable-comments.png" alt="Editable Comments" width="530" height="161" /></p>
<h3>OpenID</h3>
<p><a href="http://wordpress.org/extend/plugins/openid" target="_blank">OpenID</a> lets the commenter use the OpenID authentication in order to leave name, email and site info when writing a wordpress comment.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/openid-wordpress-commenting.png" alt="OpenID wordpress commenting" width="463" height="343" /></p>
<h3>Disqus</h3>
<p>Disqus (pronounced &#8220;discuss&#8221;) is a service and tool for web comments  and discussions. It has a great future, flexible, powerful, and provides  leaving comments with OpenID, Twiter and Disqus logins.</p>
<h3>GD Star Rating</h3>
<p><a href="http://www.gdstarrating.com/" target="_blank">GD Star Rating</a> plugin lets you to set up rating and review system for  pages, posts and comments in your WordPress website. There is a very nice amount of options you can set, has a template editor, you can even build short-codes for customizing this rating plugin!</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/gd-star-rating.png" alt="GD star rating plugin for comments" width="572" height="137" /></p>
<h3>Comment Rating</h3>
<p><a title="Comment Rating" href="http://wealthynetizen.com/wordpress-plugin-comment-rating/" target="_blank">Comment Rating</a> WordPress comment plugin is a great way of knowing your audience and about comments you have about your post. If you have a negative comment, it does not mean that your post is bad, others will comment negative to a that, so you know that the guy only had a bad day when he posted &#8220;that&#8221; comment.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/comment-rating.jpg" alt="Comment Rating plugin for WordPress" width="460" height="260" /></p>
<h3>Subscribe to comments</h3>
<p>As the name says, <a href="http://txfx.net/code/wordpress/subscribe-to-comments/" target="_blank">Subscribe to Comments</a> does exactly that. Someone adds a comment to the post &#8211; the subscriber gets a mail informing about the occasion, with optional un-subscription.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/subscribe-to-comments.png" alt="Subscribe To Comments" width="423" height="115" /></p>
<h3>Most Popular Posts</h3>
<p><a href="http://www.wesg.ca/2008/08/wordpress-widget-most-popular/" target="_blank">Most Popular Posts</a> is sidebar widget that displays the WordPress posts with the most comments by creating links to those. You can also choose what categories you like to be considered for the selection.</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/most-popular-posts.png" alt="Most popular posts widget for WordPress" width="556" height="302" /></p>
<h3>TinyMCEComments</h3>
<p><a title="TinyMCE Comments plugin for WordPress" href="http://mk.netgenes.org/my-plugins/mcecomments/">TinyMCEComments</a> WordPress comment plugin lets your making of comments (and previewing) a piece of cake using a WYSIWYG editor. Nice!</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/tinymcecomments.png" alt="TinyMCE comments" width="462" height="415" /></p>
<h3>WP-Paginate</h3>
<p><a href="http://wordpress.org/extend/plugins/wp-paginate/" target="_blank">WP-Paginate </a>WordPress plugin, amongst other things, can do pagination of comments, so it&#8217;s easier to navigate if you got tons of comments. It is also good using this plugin for limiting the number of comments per page. Too much comments can mess up your keyword density, thus effecting the SEO of a given page.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/paginate.png" alt="WP Paginate WordPress Plugin" width="500" height="90" /></p>
<h3>Gravatar Signup</h3>
<p><a href="http://wordpress.org/extend/plugins/gravatar-signup/" target="_blank">Gravatar Signup</a> WordPress comment plugin inserts a check-box for users who don&#8217;t  have a Gravatar (based on the e-mail they typed in). It will initiate the first step of signing  up for Gravatar, on the commenters behalf by getting an e-mail directly  from Gravatar and instructions how to complete  the process. Gravatar is the short for Globally Recognized Avatar. People like to see faces, logos, nice pictures. Also, it is highly probable that spam comments will not have Gravatars, so do go get one! And the WordPress plugin too.</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/gravatar.png" alt="Gravatar signup plugin for WordPress" width="374" height="185" /></p>
<h3>Quote Comments</h3>
<p><a href="http://wordpress.org/extend/plugins/quote-comments/" target="_blank">Quote Comments</a> WordPress comment plugin adds an option to quote a comment by copying the quoted comment content to your comment field by simply clicking on the Quote link.<img class="aligncenter" src="/images/posts/wordpress/comment-plugins/quote.png" alt="Quote Plugin for WordPress" width="439" height="231" /></p>
<h3>SEO Super Comments</h3>
<p><a href="http://wordpress.org/extend/plugins/seo-super-comments/" target="_blank">SEO Super Comments</a> WordPress plugin will create comment-dedicated pages on your site. It is known that comments can mess up the SEO of a page, drain PR, etc., so instead of allowing that to happen, this plugin prevents that.</p>
<p>You can also setup tracking for comments in Google Analytics, so you can keep track of visitors that left a comment.</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/seo-comment-plugin.png" alt="SEO Super Comments Plugin" width="600" height="163" /></p>
<h3>Live Comment Preview</h3>
<p><a href="http://wordpress.org/extend/plugins/live-comment-preview/" target="_blank">Live Comment Preview</a> is a very nice WordPress comment plugin for previewing your comments, specially if you would like to use HTML in the text, and just not sure how it will all come out. This solves the problem!</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/live-comment-preview.png" alt="Live Comment Preview WordPress Plugin in action" width="525" height="643" /></p>
<h3>Riffly Webcam Video Comments</h3>
<p><a href="http://wordpress.org/extend/plugins/riffly/" target="_blank">Riffly Webcam Video Comments</a> for WordPress allows you to post audio or video comments on your blog. Which is cool, because it&#8217;s another gem that allows your WordPress powered website to be more than you imagined!</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/post-video-audio-comments.png" alt="Riffly Audio/Video comments plugin for WordPress" width="443" height="395" /></p>
<h3>Ozh’ Absolute Comments</h3>
<p><a href="http://wordpress.org/extend/plugins/ozh-absolute-comments/" target="_blank">Ozh’ Absolute Comments</a> is a WordPress comment manager plugin that let&#8217;s you edit, post, reply comments from your admin page. Translated to nearly 20 languages.</p>
<div class="wp-caption aligncenter" style="width: 377px"><img src="/images/posts/wordpress/comment-plugins/absolute-comments.png" alt="" width="367" height="69" /><p class="wp-caption-text">Ozh&#39; absolute comments logo</p></div>
<h3>@ Reply</h3>
<p><a href="http://wordpress.org/extend/plugins/reply-to/" target="_blank">@ Reply</a> copies the commenter&#8217;s name and adds an @ sign with a reference to the quoted person.</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/at-reply.png" alt="At Reply commenting example" width="460" height="389" /></p>
<h3>Moderation Notify Author</h3>
<p>Someone dropped a comment that needs moderation? <a href="http://ajaydsouza.com/wordpress/plugins/moderation-notify-author/" target="_blank" class="broken_link">Moderation Notify Author</a> WordPress plugin will informs you about that, so your commenter is not kept waiting!</p>
<h3>WP Comment Remix</h3>
<p><a href="http://wordpress.org/extend/plugins/wp-comment-remix/" target="_blank">WP Comment Remix</a> is a great WordPress plugin for extending the comments scope of functionality by adding a bunch of cool options: you can customize comment ordering, separate or remove trackbacks, adds admin functions, and 4 new sidebar widgets for your website!</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/remix.png" alt="WP Comment Remix WordPress Plugin Widget" width="276" height="382" /></p>
<h3>Easy Comment Uploads</h3>
<p>With <a title="Easy Comments Uploads" href="http://wordpress.org/extend/plugins/easy-comment-uploads/" target="_blank" class="broken_link">Easy Comment Uploads</a> you can easily upload images (or other files) to your WordPress comments. In case of images, Lightbox code is added too.</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/upload-files-plugin.png" alt="Upload files plugin for WordPress" width="588" height="221" /></p>
<h3>Thank Me Later</h3>
<p><a href="http://infinity-infinity.com/thank-me-later/" class="broken_link">Thank Me Later</a> WordPress plugin is something I do not seem often. I commented on some site, and I got a &#8220;thank you mail&#8221;. I knew that this is an automated message, but I anyway responded to it thanking back for the mail! Heh.</p>
<p>Anyway, Thank Me Later comes with a configurable and very flexible setup. You can even define different messages and assign probabilities of sending!</p>
<p><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/thank-you-mail-comment-plugin.png" alt="Thank you mail example" width="604" height="349" /></p>
<h2>Anti-Spam Plugins</h2>
<p>The reasons for leaving comments are not in the scope of this post, but we can divide visitors in 3 groups:</p>
<ol>
<li>Persons visiting your site wants to leave a creative comment thus enhancing it further</li>
<li>Persons would like to say thanks for the great info</li>
<li>Persons leaving a spam comments with exclusively selfish interests, leaving a keyword rich name and links back to his/her site, with lousy comments.</li>
</ol>
<p>The fist is OK, second is cool, the third comment should be deleted. Still, it might happen that the third group is acceptable if the comment is creative.</p>
<p>Let&#8217;s check out the most prominent and useful WordPress anti-spam plugins!</p>
<h3>Akismet</h3>
<p><a title="Akismet" href="http://www.akismet.com/" target="_blank">Akismet</a> has a private database of sites, e-mails, and commenting history. When you install the WordPress Akismet filter, your WordPress site will actually be connecting to Akismet&#8217;s database and check out if the data in the comment triggers any spam filter and return a spam/valid response. You will need a WordPress API key for this to work, plugin comes with the default WordPress installation. Instructions are available in your WordPress control panel.</p>
<p>Akismet is great, but I hear that a lot of site owners complain about having someone spammed their comments so they can&#8217;t comment on Akismet protected sites any more. There is a false-positive possibility, I also hear that a lot of webmasters are regularly checking out the spam folder for useful comments.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/akismet.jpg" alt="Akismet spam protection image" width="563" height="287" /></p>
<h3>Bad Behavior</h3>
<p><a title="Bad Behavior" href="http://www.homelandstupidity.us/software/bad-behavior/" target="_blank" class="broken_link">Bad Behavior</a> is WordPress plugin that is actually analyzing the HTTP requests, and software that is making the request to make the comment. Even spam that is not yet anywhere detected (or present in some database as known spammer site or email) get&#8217;s stopped this way.</p>
<h3>Cookies for Comments</h3>
<p><a href="http://ocaoimh.ie/cookies-for-comments/" target="_blank">Cookies for comments</a> is very smartly designed WordPress plugin. It drops a cookie to your browser, and when one wants to comment, this plugin checks if the cookies are present in your browser. If not, it&#8217;s obvious that it&#8217;s some kind of spamming software in question, and not a valid commenter.</p>
<h3>Si Captcha Anti-Spam</h3>
<p><a href="http://www.642weather.com/weather/scripts-wordpress-captcha.php" target="_blank">Si Captcha Anti-Spam</a> WordPress plugin displays an image with letters and numbers the user needs to enter in the provided field to prove that he/she is not a spam-bot.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/captcha-spam-protection.png" alt="Si Captcha Anti-Spam on comments" width="483" height="434" /></p>
<h3>Math Comment Spam Protection</h3>
<p><a href="http://sw-guide.de/wordpress/plugins/math-comment-spam-protection/" target="_blank">Math Comment Spam Protection</a> adds a simple math equation in the comment form. 2+4= ? Simple &#8211; bots and automatic spam software do not solve this properly.</p>
<p style="text-align: center;"><img class="aligncenter" src="/images/posts/wordpress/comment-plugins/math-anti-spam-plugin-wordpress.png" alt="math equation simple anti spam solution" width="400" height="86" /></p>
<h3>iQ Block Country</h3>
<p>With <a href="http://www.trinyx.nl/2010/03/iq-block-country-a-wordpress-plugin/" target="_blank">iQ Block Country</a> WordPress plugin you can block out a specific country area from visiting your website, based on IP database of countries. The visitor will be greeted with a nice 403 message.</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 209px; width: 1px; height: 1px; overflow: hidden;">
<h3>Facebook Comments for WordPress</h3>
</div>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fwordpress-comments-plugins%2F&amp;title=35%20WordPress%20Comments%20Plugins%20to%20Enhance%20Your%20Website%20or%20Blog&amp;bodytext=One%20of%20the%20best%20things%20with%20Wordpress%20is%20that%20you%20can%20customize%20as%20you%20like.%20Using%20plugins%2C%20you%20can%20do%20almost%20%28or%20totally%3F%29%20everything.%20In%20this%20post%2C%20I%27m%20going%20to%20give%20you%20the%20top%2035%20Wordpress%20comments%20plugins%20making%20your%20site%20better%20than%20the%20competi" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-comments-plugins%2F&amp;title=35%20WordPress%20Comments%20Plugins%20to%20Enhance%20Your%20Website%20or%20Blog" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-comments-plugins%2F&amp;title=35%20WordPress%20Comments%20Plugins%20to%20Enhance%20Your%20Website%20or%20Blog&amp;notes=One%20of%20the%20best%20things%20with%20Wordpress%20is%20that%20you%20can%20customize%20as%20you%20like.%20Using%20plugins%2C%20you%20can%20do%20almost%20%28or%20totally%3F%29%20everything.%20In%20this%20post%2C%20I%27m%20going%20to%20give%20you%20the%20top%2035%20Wordpress%20comments%20plugins%20making%20your%20site%20better%20than%20the%20competi" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/wordpress-comments-plugins/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Creating Pixel Perfect Designs &#8211; Preparation and Execution</title>
		<link>http://robertokoci.com/creating-pixel-perfect-designs-preparation-and-execution/</link>
		<comments>http://robertokoci.com/creating-pixel-perfect-designs-preparation-and-execution/#comments</comments>
		<pubDate>Fri, 19 Nov 2010 23:53:53 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[Graphics & Design]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=769</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fcreating-pixel-perfect-designs-preparation-and-execution%2F">
				
			</a>
		
<p>How many times did it happen to you that you get &#8220;finished&#8221; designs from the designer, next, open the files and see that it&#8217;s all (or at least a bit) messed up? If you did not have experience with this, I presume that you never worked in the industry.</p>
<p>Let&#8217;s take a look at some <p>Continue reading <a href="http://robertokoci.com/creating-pixel-perfect-designs-preparation-and-execution/">Creating Pixel Perfect Designs &#8211; Preparation and Execution</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fcreating-pixel-perfect-designs-preparation-and-execution%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fcreating-pixel-perfect-designs-preparation-and-execution%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>How many times did it happen to you that you get &#8220;finished&#8221; designs from the designer, next, open the files and see that it&#8217;s all (or at least a bit) messed up? If you did not have experience with this, I presume that you never worked in the industry.</p>
<p>Let&#8217;s take a look at some advices and a simple example to make our designs pixel perfect!</p>
<h2><span id="more-769"></span>You got a mail from your designer!</h2>
<p>So, everything is cool, you have the deal, the designer finished the look and feel of the website or a catalog&#8230; and then, as you are checking out the files, you see that there is something wrong:</p>
<p style="text-align: center;">
<div class="wp-caption aligncenter" style="width: 601px"><img class=" " title="Designs at hand" src="/images/posts/design/creating-pixel-perfect-designs/original-files-from-the-designer.png" alt="Wine bottle designs - difference problems with the design" width="591" height="270" /><p class="wp-caption-text">Designs at hand</p></div>
<p>So, if you see no errors here, look again. The two upper images are for different pages of the same website, with the same positioning. And, it should be completely the same. Same text, position, same bottle shape with a different paper for each product. It must be pixel perfect.</p>
<div class="wp-caption alignright" style="width: 291px"><img title="Closer look to the differences" src="/images/posts/design/creating-pixel-perfect-designs/difference-animation.gif" alt="Closer look to the differences" width="281" height="255" /><p class="wp-caption-text">Closer look to the differences</p></div>
<p>The shape of the bottles is different, the paper on the left image is slanted, and if you look a bit closer, the 2008 is also a bit different too. So, besides the differences generally perceivable with an untrained eye, once you navigate to the next page (next product in the line) the letters will perform a pixel jump to the right. Let&#8217;s simulate this with a small gif animation I created for the occasion (image on the right).</p>
<p>And that&#8217;s what actually will happen if you navigate to the next page of the products. Unprofessional, right?</p>
<p>So, the designer says it is OK, the customer will see that it&#8217;s not. What to do other than fix the problem? In this tutorial we shall explain some precautions, give advices, and fix this example as we go.</p>
<p>Also, make sure to present this somehow to your customer so it&#8217;s clear on what did you spend more work hours, if it&#8217;s a hourly job. If not, always calculate such issues into the price &#8211; remember Murphy &#8211; if can go wrong, it will. After all, pixel perfect design should cost more.</p>
<h2>Preparation for the designs</h2>
<p>The best thing we can do is to have previous working experience in the area, so we know what to do. For the ones already caught in the cross fire, here is how to prevent it next time, and for the future website creators, designers and enthusiasts, here&#8217;s what we should have done:</p>
<ol>
<li>Drink a whole bottle of the wine in order to understand it&#8217;s essence, thus creating better designs. Or, simply, if it&#8217;s not weekend, ask for a filled bottle and take a photo of it. Later, use the bottle photo and montage the wine etiquette(s) onto it.</li>
<li>Or, WITHOUT moving the camera (I guess the photographer has a camera stand?) replace the bottle with the next one, targeting the same location, so you have the same light conditions, position, and do a nice cut-out for both bottles in the same time, same position. If you need, use some reference markers, draw some lines on the table (or wherever the bottles are going to be put for the photo-session). Be creative.</li>
<li>The third, most prestigious option would be to render the papers on the bottle using 3d Studio Max, but that would cost a bit more, so options 1. and 2. are usually OK.</li>
</ol>
<p>Remember, that you always need to have a good plan. Predict what you will need. Different projects might need different tools, images, setups, but you can see all that coming, so do something about it.</p>
<p>And, if things already look messed up, you can&#8217;t escape it. Fire up Photoshop and let&#8217;s do it!</p>
<h2>Unification in Design</h2>
<p>With most of the design types we have today, steadiness, clearness, and unification should be part of it. Unless, you are Picasso, but that&#8217;s a whole new set of rules we won&#8217;t discuss here. If there are different articles that you are presenting, they should look very much the same(layout) &#8211; it&#8217;s not the flee market, we are trying to do some professional work here!</p>
<p>In this case we shall make the positioning, the text, and the bottle to be the same.</p>
<div class="wp-caption alignright" style="width: 295px"><img title="Fixing the layers - step 1" src="/images/posts/design/creating-pixel-perfect-designs/difference-animation-step-1.gif" alt="Fixing the layers - step 1" width="285" height="259" /><p class="wp-caption-text">Fixing the layers - step 1</p></div>
<p>We shall start by selecting the most appropriate layer group, the source, so we can make the other image from it. It looks like the &#8220;Merlot&#8221; text layer is moved 1 pixel to the left. Choose the Move Tool (default keyboard letter V) and move the text layer where it should be (you can also use the arrow keys to move the layer, and holding the shift key while pushing the arrows will multiply the movement by x10). But, after positioning the text layer I got this (image on the right). So, this will not be done with a simple positioning. What needs to be done is next:</p>
<ol>
<li>Duplicate the reference layer group &#8211; the Cabernet Sauvignon in this case.</li>
<li>In this duplicated group, erase the &#8220;Cabernet Sauvignon&#8221; and &#8220;2008&#8243; letters with the eraser tool (default keyboard shortcut &#8220;E&#8221;) &#8211; we have a graphics layer in this case, no actual fonts here</li>
<li>In the &#8220;Merlot&#8221; group, find the text layer behind the bottle and erase everything but the &#8220;Merlot&#8221; and the &#8220;2008&#8243; text</li>
<li>In the bottle layer, erase the actual bottle, but not the &#8220;Merlot&#8221; text, and position it over the &#8220;Cabernet Sauvignon&#8221; letters. Be careful not to erase too much, so there is not enough material to cover the old bottle&#8217;s text.</li>
<li>Copy the &#8220;2008&#8243; layer from the &#8220;Merlot&#8221; group as it looks sharper there.</li>
</ol>
<p>Let&#8217;s get a bit more visual on these steps.</p>
<div class="wp-caption alignnone" style="width: 680px"><img class="  " title="Fixing the layer differeces in Photoshop" src="/images/posts/design/creating-pixel-perfect-designs/fix-the-steps.jpg" alt="Fixing the layer differeces in Photoshop" width="670" height="222" /><p class="wp-caption-text">Fixing the layer differeces in Photoshop - Left: leaving only what is ok in the Merlot group, Middle: erasing the bottle leaving the &quot;Merlot&quot; text, Right: composing the layers into a new &quot;cloned&quot; pixel perfect look</p></div>
<p>Generally, you should always choose the best source and unify that. Or, of everything is blurry, messed up, bad, take time to draw everything from scratch in Photoshop, or whatever software you are using &#8211; quality is the thing that can lift you above others.</p>
<p>So, if you already have to fix someone&#8217;s work, better take an effort to make it right. And, if you are the designer, always keep track of the work done, test and check out designs before handing them out to the technical person setting up the final layout, may it be web or prepress.</p>
<p>Let&#8217;s check out how the designs should actually look!</p>
<div class="wp-caption aligncenter" style="width: 283px"><img title="Final designs" src="/images/posts/design/creating-pixel-perfect-designs/final-animation.gif" alt="Final designs" width="273" height="246" /><p class="wp-caption-text">Final designs</p></div>
<p>The actual point I&#8217;m trying to stress here is that with some fixing of the content you can do better than others. And customers do notice that.</p>
<h2>Some pointers for web-design and prepress projects</h2>
<p>The best thing you can have is experience. If not, use your brain. You can predict majority of things, what you need, setup, etc. But, using these 9 simple pointers you can evade a lot of problems:</p>
<ol>
<li>Before even starting to work on the job, keep a clear list of expectations of work at hand</li>
<li>Present your solutions to the customer in a flexible manner &#8211; give advices but do not be too hard to except that a customer wants something that you might not like or approve.</li>
<li>LISTEN to what your customer has to say!</li>
<li>Always check the unified sections of your designs that they match perfectly</li>
<li>While designing, there is a lot of transformation done to the images, so they get blurry during the design phase &#8211; keep original source files high resolution, in vector format, as fonts, or once you have the customer accept the solution you can do the final graphics once more by inserting the images once more and transforming them only ONCE so they do not get messed up</li>
<li>If working in prepress, always get a signed approval, so if something is missing, you do not get blamed. Also, you need to take special care no to accidentally move some layer or object. This becomes more prominent if you are using a graphics tablet &#8211; it&#8217;s easy to accidentally move something while dragging the pen.</li>
<li>In web design, things look better &#8211; you can upload the new content in no time &#8211; prepress if a bit tricky. No editing after printing 10,000 flyers (and you messed up the phone number), so keep your eyes open!</li>
<li>And, keep a good communication channel open!</li>
<li>And if you have mediocre or bad material at hand, make an effort to produce quality by enhancing it &#8211; that&#8217;s the difference between &#8220;so called&#8221; and real experts.</li>
</ol>
<p>In years of experience, I learned (and just can&#8217;t stress this enough) that good communication with your designer and customer is essential. It&#8217;s basically easy to fix problems discussed in this article, but if there are too many of these details, you might spend quite some time working on it, and that usually costs. Don&#8217;t be disappointed if you get such designs. Instead, sit down with your designer and discuss it.</p>
<p>Keep expectations at all sides clear, and you will do just fine.</p>
<p>Yeah, and do not forget to keep your work Pixel Perfect! It makes everyone happy. <img src='http://robertokoci.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fcreating-pixel-perfect-designs-preparation-and-execution%2F&amp;title=Creating%20Pixel%20Perfect%20Designs%20-%20Preparation%20and%20Execution&amp;bodytext=How%20many%20times%20did%20it%20happen%20to%20you%20that%20you%20get%20%22finished%22%20designs%20from%20the%20designer%2C%20next%2C%20open%20the%20files%20and%20see%20that%20it%27s%20all%20%28or%20at%20least%20a%20bit%29%20messed%20up%3F%20If%20you%20did%20not%20have%20experience%20with%20this%2C%20I%20presume%20that%20you%20never%20worked%20in%20the%20industry" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fcreating-pixel-perfect-designs-preparation-and-execution%2F&amp;title=Creating%20Pixel%20Perfect%20Designs%20-%20Preparation%20and%20Execution" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fcreating-pixel-perfect-designs-preparation-and-execution%2F&amp;title=Creating%20Pixel%20Perfect%20Designs%20-%20Preparation%20and%20Execution&amp;notes=How%20many%20times%20did%20it%20happen%20to%20you%20that%20you%20get%20%22finished%22%20designs%20from%20the%20designer%2C%20next%2C%20open%20the%20files%20and%20see%20that%20it%27s%20all%20%28or%20at%20least%20a%20bit%29%20messed%20up%3F%20If%20you%20did%20not%20have%20experience%20with%20this%2C%20I%20presume%20that%20you%20never%20worked%20in%20the%20industry" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/creating-pixel-perfect-designs-preparation-and-execution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Extended WordPress Ping List</title>
		<link>http://robertokoci.com/wordpress-ping-list/</link>
		<comments>http://robertokoci.com/wordpress-ping-list/#comments</comments>
		<pubDate>Tue, 16 Nov 2010 10:47:23 +0000</pubDate>
		<dc:creator>RobertoK</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://robertokoci.com/?p=610</guid>
		<description><![CDATA[
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-ping-list%2F">
				
			</a>
		
<p>In this article we shall explore one of the possibilities of popularizing your content &#8211; via pinging popular sites that will index your posts and pages in some way or inform other sites that  you exist. Behold! Here is the extended WordPress Ping List!
<span id="more-610"></span>
So, you created your site, articles, posts, pages. Now, <p>Continue reading <a href="http://robertokoci.com/wordpress-ping-list/">Extended WordPress Ping List</a></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-ping-list%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-ping-list%2F&amp;source=roberto_k&amp;style=normal&amp;service=bit.ly&amp;service_api=robertok%3AR_49018312f2f4fb5549988580bc3cd233&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>In this article we shall explore one of the possibilities of popularizing your content &#8211; via pinging popular sites that will index your posts and pages in some way or inform other sites that  you exist. Behold! Here is the extended <strong>WordPress Ping List</strong>!<br />
<span id="more-610"></span><br />
So, you created your site, articles, posts, pages. Now, someone should come and visit your site and admire the work done. But, who knows that your site exists? No one &#8211; that&#8217;s who. You need to tell the world about your creation &#8211; WordPress ping list to the rescue!</p>
<h2>The Ping List</h2>
<p>For the ones who are new to website engineering and blogging, let me explain what a WordPress ping list is. For the ones that already know, the list you are looking for is in the next section, below.</p>
<p>In <strong>WordPress</strong>, under Settings/Writing, you will find the &#8220;Update Services&#8221; section (bottom of page). By default it is populated with &#8220;http://rpc.pingomatic.com/&#8221; (this could change in future versions, so if it did, it&#8217;s not my fault). The content of this field is actually the WordPress ping list.</p>
<p>What is this ping-o-mat-ic thing? It is a free service that your WordPress powered site pings (plain english: &#8220;talks to&#8221;) every time you post something new or change an existing content. The Pingomatic service contacts relevant sites further to let those know that you have something new you would like to share with others.</p>
<p><strong>Pingomatic </strong>is not the only one that you can use (there is <a title="FeedShark" href="http://feedshark.brainbliss.com/">FeedShark</a>, for example). These two site ping other sites further.</p>
<p>But, as I like to customize and tweak stuff myself  (and optimize to my own needs) I created this custom WordPress ping list, so I send a note to as many relevant sites as possible.</p>
<h2>A Regularly Updated Extended WordPress Ping List</h2>
<p>So, the more sites you ping, more popular you can get, Google indexes your pages faster, and you are letting others to know about your posts and pages. The following is a list of free ping services I use personally with WordPress. The list is a bit longer, and some people might criticize it, but this list has shown very nice results thus far:</p>
<blockquote>
<div style="padding: 0px 0px 0px 0px; margin: 0px !important; line-height: 11px;">http://ping.superfeedr.com/rpc</p>
<p>http://api.postrank.com/v2/ping</p>
<p>http://rpc.spinn3r.com/open/RPC2</p>
<p>http://rpc.reader.livedoor.com/ping</p>
<p>http://ping.kutsulog.net/</p>
<p>http://rpc.twingly.com/</p>
<p>http://rpc.bloggerei.de/ping/</p>
<p>http://ping.blo.gs/</p>
<p>http://ping.feedburner.com/</p>
<p>http://rpc.weblogs.com/RPC2</p>
<p>http://www.readablog.com/</p>
<p>http://www.blogpeople.net/servlet/weblogUpdates</p>
<p>http://ping.myblog.jp/</p>
<p>http://www.wasalive.com/ping/</p>
<p>http://ping.syndic8.com/xmlrpc.php</p>
<p>http://xping.pubsub.com/ping/</p>
<p>http://services.newsgator.com/ngws/xmlrpcping.aspx</p>
<p>http://api.my.yahoo.co.jp/RPC2</p>
<p>http://audiorpc.weblogs.com/RPC2</p>
<p>http://blogsearch.google.com/ping/RPC2</p>
<p>http://blogsearch.google.ae/ping/RPC2</p>
<p>http://blogsearch.google.at/ping/RPC2</p>
<p>http://blogsearch.google.be/ping/RPC2</p>
<p>http://blogsearch.google.bg/ping/RPC2</p>
<p>http://blogsearch.google.ca/ping/RPC2</p>
<p>http://blogsearch.google.ch/ping/RPC2</p>
<p>http://blogsearch.google.cl/ping/RPC2</p>
<p>http://blogsearch.google.co.cr/ping/RPC2</p>
<p>http://blogsearch.google.co.hu/ping/RPC2</p>
<p>http://blogsearch.google.co.id/ping/RPC2</p>
<p>http://blogsearch.google.co.il/ping/RPC2</p>
<p>http://blogsearch.google.co.in/ping/RPC2</p>
<p>http://blogsearch.google.co.jp/ping/RPC2</p>
<p>http://blogsearch.google.co.ma/ping/RPC2</p>
<p>http://blogsearch.google.co.nz/ping/RPC2</p>
<p>http://blogsearch.google.co.th/ping/RPC2</p>
<p>http://blogsearch.google.co.uk/ping/RPC2</p>
<p>http://blogsearch.google.co.ve/ping/RPC2</p>
<p>http://blogsearch.google.co.za/ping/RPC2</p>
<p>http://blogsearch.google.com.ar/ping/RPC2</p>
<p>http://blogsearch.google.com.au/ping/RPC2</p>
<p>http://blogsearch.google.com.br/ping/RPC2</p>
<p>http://blogsearch.google.com.co/ping/RPC2</p>
<p>http://blogsearch.google.com.do/ping/RPC2</p>
<p>http://blogsearch.google.com.mx/ping/RPC2</p>
<p>http://blogsearch.google.com.my/ping/RPC2</p>
<p>http://blogsearch.google.com.pe/ping/RPC2</p>
<p>http://blogsearch.google.com.sa/ping/RPC2</p>
<p>http://blogsearch.google.com.sg/ping/RPC2</p>
<p>http://blogsearch.google.com.tr/ping/RPC2</p>
<p>http://blogsearch.google.com.tw/ping/RPC2</p>
<p>http://blogsearch.google.com.ua/ping/RPC2</p>
<p>http://blogsearch.google.com.uy/ping/RPC2</p>
<p>http://blogsearch.google.com.vn/ping/RPC2</p>
<p>http://blogsearch.google.de/ping/RPC2</p>
<p>http://blogsearch.google.es/ping/RPC2</p>
<p>http://blogsearch.google.fi/ping/RPC2</p>
<p>http://blogsearch.google.fr/ping/RPC2</p>
<p>http://blogsearch.google.gr/ping/RPC2</p>
<p>http://blogsearch.google.hr/ping/RPC2</p>
<p>http://blogsearch.google.ie/ping/RPC2</p>
<p>http://blogsearch.google.it/ping/RPC2</p>
<p>http://blogsearch.google.jp/ping/RPC2</p>
<p>http://blogsearch.google.lt/ping/RPC2</p>
<p>http://blogsearch.google.nl/ping/RPC2</p>
<p>http://blogsearch.google.pl/ping/RPC2</p>
<p>http://blogsearch.google.pt/ping/RPC2</p>
<p>http://blogsearch.google.ro/ping/RPC2</p>
<p>http://blogsearch.google.ru/ping/RPC2</p>
<p>http://blogsearch.google.se/ping/RPC2</p>
<p>http://blogsearch.google.sk/ping/RPC2</p>
<p>http://blogsearch.google.us/ping/RPC2</p>
<p>http://ping.fc2.com/</p></div>
</blockquote>
<p>Feel free to copy-paste it as your new WordPress ping list for your website or blog, and you are ready to go!</p>
<p>Note: if you are targeting a specific area of the world, feel free to delete Google.&#8221;country code you do not need&#8221; so you do not ping those about your changes.</p>
<h2>Additional Information</h2>
<p>Some people are concerned that pinging too much can trigger some kind of a spam filter and hurt your site rank, indexing or whatever. I did not have problems with that.</p>
<p>For security and testing reasons I installed a WordPress plug-in (cbnet Ping Optimizer) that limits the ping services not to be too &#8220;trigger happy&#8221; every time you update or change you posts. It has controls such as limiting how much times per a period of time your site pings (e.g. Ping at most X time(s) within Y minute(s)). So I set it to ping only once every 15 minutes.</p>
<p>This WordPress ping list is highly effective for letting search engines that you have new content. Yesterday I wrote a post, and it appeared in search in 5 minutes after hitting the &#8220;Publish/Update&#8221; button. Coincidence? I dunno. You tell me.</p>
<p>Have fun using the Extended WordPress Ping List!</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 1281px; width: 1px; height: 1px; overflow: hidden;">WordPress</div>
Share and Enjoy:<a rel="nofollow" target="_blank"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Frobertokoci.com%2Fwordpress-ping-list%2F&amp;title=Extended%20WordPress%20Ping%20List&amp;bodytext=In%20this%20article%20we%20shall%20explore%20one%20of%20the%20possibilities%20of%20popularizing%20your%20content%20-%20via%20pinging%20popular%20sites%20that%20will%20index%20your%20posts%20and%20pages%20in%20some%20way%20or%20inform%20other%20sites%20that%20%20you%20exist.%20Behold%21%20Here%20is%20the%20extended%20Wordpress%20Ping%20Lis" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/digg.png" class="sociable-img sociable-hovers" title="Digg" alt="Digg" /></a><a rel="nofollow" target="_blank"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-ping-list%2F&amp;title=Extended%20WordPress%20Ping%20List" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/stumbleupon.png" class="sociable-img sociable-hovers" title="StumbleUpon" alt="StumbleUpon" /></a><a rel="nofollow" target="_blank"  href="http://delicious.com/post?url=http%3A%2F%2Frobertokoci.com%2Fwordpress-ping-list%2F&amp;title=Extended%20WordPress%20Ping%20List&amp;notes=In%20this%20article%20we%20shall%20explore%20one%20of%20the%20possibilities%20of%20popularizing%20your%20content%20-%20via%20pinging%20popular%20sites%20that%20will%20index%20your%20posts%20and%20pages%20in%20some%20way%20or%20inform%20other%20sites%20that%20%20you%20exist.%20Behold%21%20Here%20is%20the%20extended%20Wordpress%20Ping%20Lis" ><img src="http://robertokoci.com/wp-content/plugins/sociable-30/images/default/16/delicious.png" class="sociable-img sociable-hovers" title="del.icio.us" alt="del.icio.us" /></a><br/><br/>]]></content:encoded>
			<wfw:commentRss>http://robertokoci.com/wordpress-ping-list/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

