<?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>Santhosh's Blog &#187; Wordpress Tutorials</title>
	<atom:link href="http://santhosh.themebin.com/blog/category/wordpress-tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://santhosh.themebin.com/blog</link>
	<description>I Eat in Bytes &#38; Drink in Gigs.</description>
	<lastBuildDate>Fri, 25 Jun 2010 15:38:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Turbo Charge Your Wordpress Dashboard!</title>
		<link>http://santhosh.themebin.com/blog/wordpress-tutorials/turbo-charge-your-wordpress-dashboard/</link>
		<comments>http://santhosh.themebin.com/blog/wordpress-tutorials/turbo-charge-your-wordpress-dashboard/#comments</comments>
		<pubDate>Mon, 27 Oct 2008 17:52:38 +0000</pubDate>
		<dc:creator>Santhosh</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[fast]]></category>
		<category><![CDATA[google gears]]></category>
		<category><![CDATA[turbo charge]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress dashboard]]></category>

		<guid isPermaLink="false">http://santhosh.themebin.com/blog/?p=107</guid>
		<description><![CDATA[ This small tip is for  “people who are not aware of Turbo feature in wordpress dashboard” only.
Turbo is a feature that lets you to store your entire wordpress dashboard aka the admin panel’s CSS/PHP and other core files locally on your computer, which enables faster navigation inside your wordpress dashboard. All this is [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://img79.imageshack.us/img79/882/gearcf1.png" alt="google gears" /> This small tip is for  “people who are not aware of Turbo feature in wordpress dashboard” only.<br />
Turbo is a feature that lets you to store your entire wordpress dashboard aka the admin panel’s CSS/PHP and other core files locally on your computer, which enables faster navigation inside your wordpress dashboard. All this is done by using Google Gears. And (un)fortunately, Google Gears is only available for Chrome, Firefox, Internet Explorer and Safari. Just keep in mind that Turbo is available only from Wordpress 2.5 or so.<br />
No doubt, this feature is a boon for people who are on a dialup connection or other slower connections.  But it does take a while to install gears and download required files for the Turbo feature. But in my opinion, its good to wait few minutes instead waiting every time you want to do something.</p>
<p><span id="more-107"></span></p>
<p><strong>In order to do this, follow these steps:</strong></p>
<ol>
<li> Click on “Turbo” link on the top right corner of the screen.</li>
<li>Clicking on that link will popup a small window like page at center of your screen which tells you to install Google Gears first if you haven’t installed it earlier.</li>
<li>If you haven’t installed follow the instructions and download the Google Gears and it will install automatically.</li>
<li>After the installation it will prompt you to restart your browser, do it.</li>
<li>Then login to the Dashboard and once again click on the “Turbo” link, this time it will tell you that the Google Gears has been installed and do you want to download files required for the Turbo feature. Go ahead and download the files.</li>
<li>It will take few minutes and users on slow connection will have wait still more…</li>
<li>After it completes updating all the files, you are done.</li>
</ol>
<p>Now you can enjoy the blazing fast dashboard.</p>
]]></content:encoded>
			<wfw:commentRss>http://santhosh.themebin.com/blog/wordpress-tutorials/turbo-charge-your-wordpress-dashboard/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to make a wordpress theme “Gravatar Ready”</title>
		<link>http://santhosh.themebin.com/blog/wordpress-tutorials/how-to-make-a-wordpress-theme-gravatar-ready/</link>
		<comments>http://santhosh.themebin.com/blog/wordpress-tutorials/how-to-make-a-wordpress-theme-gravatar-ready/#comments</comments>
		<pubDate>Fri, 11 Jul 2008 04:23:06 +0000</pubDate>
		<dc:creator>Santhosh</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[gravatars]]></category>
		<category><![CDATA[gravtar]]></category>
		<category><![CDATA[how to add gravatar]]></category>
		<category><![CDATA[How to make a wordpress theme “Gravatar Ready”]]></category>

		<guid isPermaLink="false">http://santhosh.themebin.com/blog/?p=43</guid>
		<description><![CDATA[I’ll begin with a short intro for those who don’t know what gravatar is. If you already know what gravatar is, skip to Process.
Gravatar is a small image or a picture that is used for your identification whenever you comment on others or in your blog which you have uploaded at Gravatar.com for a particular [...]]]></description>
			<content:encoded><![CDATA[<p>I’ll begin with a short intro for those who don’t know what gravatar is. If you already know what gravatar is, skip to Process.</p>
<p>Gravatar is a small image or a picture that is used for your identification whenever you comment on others or in your blog which you have uploaded at Gravatar.com for a particular email.</p>
<p>Gravatars is a inbuilt feature of wordpress 2.5.1 and it works out-of-the-box. i.e without any plugins. But theme which you are using for your blog must be gravatar ready. Most of latest sports gravatars, but there are still designers who are neglecting to do add the feature. And if you are using a old theme, then you will have to work on it in order to make gravatar ready. I’ll tell you how to do it here in this tutorial. Please keep in your mind that your wordpress should be 2.5 and above otherwise you may require gravatar plugin.</p>
<p><span id="more-43"></span></p>
<p><strong>Process:</strong></p>
<p>1.	Download the comments.php <a href="http://www.mediafire.com/file/o3zdz5kymkn/Gravatar.zip" target="_blank">from here</a>.<br />
2.	Replace the old file with this new one.<br />
3.	Open style.css and place the below code at the very bottom in a new line.</p>
<p><code>.commentlist li .avatar {<br />
float: right;<br />
border: 1px solid #eee;<br />
padding: 2px;<br />
background: #fff;<br />
}<br />
</code></p>
<p>4.	Save the file and upload it or you can edit it straight from the Theme Editor in your admin cp.</p>
<p>You can change the background and border color in the CSS according to your needs so that it matches your theme. You can get the color codes <a href="http://www.w3schools.com/HTML/html_colornames.asp" target="_blank">from here</a>. And also you can set the float to left, if you want the gravatars to appear on the left side. Don’t forget to change the padding if you change the float.</p>
<p>Now this will display gravatars right next to comments made by you and or your visitors like this:</p>
<p style="text-align: center;">
<p style="text-align: center;"><img class="aligncenter" src="http://i293.photobucket.com/albums/mm47/Gigacore/gravatar.jpg" alt="gravatars" /></p>
<p><span style="font-size: 12pt; font-family: ">What if your visitor doesn’t have a gravatar ? The gravatar spot appears like this:</span></p>
<p style="text-align: center;"><img class="aligncenter" src="http://i293.photobucket.com/albums/mm47/Gigacore/gravatar2.jpg" alt="no gravatar" /></p>
<p style="text-align: center;">
<p>So, if you don’t like this empty gravatars to appear in your blog, you can add Identicons in to the code. Identicons are the random images that will be generated for each unique IP and displays whenever the visitor makes comments in any blog. <a href="http://santhosh.themebin.com/blog/personal/bought-samsung-nwx-2243-widescreen-monitor/#comments" target="_blank">This is how it looks</a>.</p>
<p>To add identicons, open the downloaded comments.php and find this:</p>
<blockquote>
<p class="MsoNormal" style="margin-left: 0.25in; text-align: justify;"><strong>&lt;?php echo get_avatar( $comment, 32 ); ?&gt;</strong></p>
</blockquote>
<p>And replace it with this</p>
<blockquote>
<p class="MsoNormal" style="margin-left: 0.25in; text-align: justify;"><strong>&lt;?php echo get_avatar( $comment, 32, identicon);<span> </span>?&gt;</strong></p>
</blockquote>
<blockquote><p><span style="font-size: 12pt; font-family: "> <strong></strong></span></p></blockquote>
<p class="MsoNormal" style="margin-left: 0.25in; text-align: left;">Save the file and upload or update from the theme editor. Or if you don’t like to mess with the code, you can download the one I have edited <a href="http://www.mediafire.com/file/zmdoj2mjmjn/gravatar_with_identicons.zip" target="_blank">from here</a>.</p>
<p>If you don’t have a gravatar, upload it <a href="http://en.gravatar.com/" target="_blank">from here</a>.</p>
<p>This ends the tutorial and I hope it’s pretty useful. You can comment if you want to test gravatars and identicons here in this post.</p>
]]></content:encoded>
			<wfw:commentRss>http://santhosh.themebin.com/blog/wordpress-tutorials/how-to-make-a-wordpress-theme-gravatar-ready/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>How to install Wordpress on your server.</title>
		<link>http://santhosh.themebin.com/blog/wordpress-tutorials/how-to-install-wordpress-on-your-server/</link>
		<comments>http://santhosh.themebin.com/blog/wordpress-tutorials/how-to-install-wordpress-on-your-server/#comments</comments>
		<pubDate>Sat, 29 Mar 2008 15:33:10 +0000</pubDate>
		<dc:creator>Santhosh</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[How to install Wordpress on your server.]]></category>
		<category><![CDATA[install wordpress]]></category>
		<category><![CDATA[installing wordpress]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://santhosh.themebin.com/blog/wordpress-tutorials/how-to-install-wordpress-on-your-server/</guid>
		<description><![CDATA[This is a quick dummy’s guide to install Wordpress on his/her server. I don’t want to give much introduction, so will finish off things in easy and understandable steps.
There are two different methods to install Wordpress on your server. One is Automated installation using Fantastico, and the other is by uploading files manually.
First let me [...]]]></description>
			<content:encoded><![CDATA[<p><strong>This is a quick dummy’s guide to install Wordpress on his/her server. I don’t want to give much introduction, so will finish off things in easy and understandable steps.</strong></p>
<p>There are two different methods to install Wordpress on your server. One is Automated installation using Fantastico, and the other is by uploading files manually.</p>
<p>First let me begin with the easy method, by installing it using Fantastico,</p>
<p>If you have opted for a cPanel Hosting, then you can a find a scripts installer called “Fantastico”, in your cPanel.</p>
<p><strong>Here goes the steps…</strong></p>
<p>1.	Login to your cPanel.</p>
<p>2.	Open <em>“Fantastico De Luxe”. </em></p>
<p>3.	Under <em>“Blogs”</em>, click on Wordpress.</p>
<p>4.	Click on <em>“New Installation”</em>.</p>
<p>5.	Fill the details, and click on <em>“Install Wordpress”.</em></p>
<p>Now your Wordpress is ready to swing the world.</p>
<p><strong>And now the hassle way. You have to follow this, if you don’t opt for a cPanel hosting unfortunately.</strong></p>
<p><strong>Here are the steps.</strong></p>
<p>1.	Download the latest version of Wordpress by <a HREF="http://wordpress.org/download/" TARGET="_blank">clicking on this link</a>.<br />
2.	Extract the file.<br />
3.	Create a new SQL Database and note down the DB name, username and password.<br />
4.	Open up wp-config-sample.php with a text editor like WordPad or similar and fill in your database connection details.Save the file as “wp-config.php”<br />
5.	Now open your FTP and login to the server.<br />
6.	Copy those extracted files and upload to the server to the folder of your desire or in the home (root) using the FTP.<br />
7.	Now affix /wp-admin/install.php to the URL where you installed. For example.. www.yoursitename.com/wp-admin/install.php or  www.yoursitename.com/foldername/wp-admin/install.php<br />
8.	If everything is done properly, then you will continued with the Installation, if not recheck the wp-config.php file and give the correct details.<br />
9.	Follow few simple steps in the installation, note down the generated password and use it to login to your wp-admin panel.</p>
<p>Now start blogging!</p>
]]></content:encoded>
			<wfw:commentRss>http://santhosh.themebin.com/blog/wordpress-tutorials/how-to-install-wordpress-on-your-server/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Install wordpress on your computer.</title>
		<link>http://santhosh.themebin.com/blog/wordpress-tutorials/install-wordpress-on-your-computer/</link>
		<comments>http://santhosh.themebin.com/blog/wordpress-tutorials/install-wordpress-on-your-computer/#comments</comments>
		<pubDate>Thu, 28 Feb 2008 07:56:15 +0000</pubDate>
		<dc:creator>Santhosh</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[apache server]]></category>
		<category><![CDATA[mysql in computer]]></category>
		<category><![CDATA[php in computer]]></category>
		<category><![CDATA[wampserver]]></category>
		<category><![CDATA[wordpress in computer]]></category>
		<category><![CDATA[wordpress installation]]></category>

		<guid isPermaLink="false">http://santhosh.themebin.com/blog/wordpress-tutorials/install-wordpress-on-your-computer/</guid>
		<description><![CDATA[Introduction
Wordpress is a blogging software developed using PHP and runs on MySQL.
If you are a wordpress theme developer or a plugin developer,  or just want to do some experiments with wordpress code, you may need to upload the changes you made and see if it is working or not. This tutorial will eliminate the [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Introduction</strong></p>
<p>Wordpress is a blogging software developed using PHP and runs on MySQL.</p>
<p>If you are a wordpress theme developer or a plugin developer,  or just want to do some experiments with wordpress code, you may need to upload the changes you made and see if it is working or not. This tutorial will eliminate the need of uploading the files to your server. You can do all those tests right in your computer easily.</p>
<p><strong>Things you need to install wordpress in your computer.</strong></p>
<p>Since PHP is a Server-Side script, you can’t install a wordpress blog on your computer without installing PHP. In order to install wordpress on your computer, you need to install three main applications, those are PHP, MySQL and Apache Server. While MySQL is used to store all your database tables like, posts, comments, blogroll and pages etc, Apache server is a web server and it is responsible to deliver the output on web browser.</p>
<p><strong>WampServer and Installation.</strong></p>
<p>Instead of installing all these applications individually, you can just download and install a program called <a HREF="http://www.wampserver.com/en/download.php">WampServer 2.0</a>. For linux you can install a software called LAMP or the LampServer.</p>
<p>WampServer stands for Windows Apache MySQL PHP. Which means it installs all those applications at one time easily. Installing WampServer on your computer doesn’t require you to be a Rocket Scientist. All you need to do is just download and install it in few clicks. By default, WampServer 2.0 will be installed in your “c:\wamp”. And if you have installed WAMP5 earlier, you need to uninstall it before installing WampSever 2.0.</p>
<p>After you install WampServer on you computer, your windows firewall may ask to block or unblock, just unblock it. In order to test whether if the WampServer is installed properly or not, launch the WampServer from your desktop or All Programs. The WampServer runs in your system tray.</p>
<p><span id="more-17"></span></p>
<p>Now open your web browser and type &#8221; http://localhost/ &#8221; in your address bar and hit enter. That should take you to the “Server Configuration” page.</p>
<p STYLE="text-align: center"><a HREF="http://farm4.static.flickr.com/3066/2297166645_605f94e883_o.jpg"><img SRC="http://farm4.static.flickr.com/3066/2297166645_342e043d32.jpg" ALT="server-config" /></a></p>
<p><strong>Installing Wordpress on your WampServer</strong></p>
<p>Before installing wordpress on your WampServer, you need to create a MySQL Database to store the tables.</p>
<p>To create a MySQL database, go to your Server Configuration page by typing &#8221; http://localhost/ &#8221; in your web browser’s address bar. Now click on the link called “phpmyadmin” under “Your Aliases”. Now you will be taken to the phpmyadmin page. Under “Create new Database”, enter a name of your desire and click on Create button.</p>
<p STYLE="text-align: center"><img ALT="db" SRC="http://farm4.static.flickr.com/3205/2297960610_0bd0131d8b_o.jpg" /></p>
<p>Now you finished creating the database. <strong>Since you did it in few steps, your database username will be “root” and your database password will be blank</strong>.</p>
<p>Now download the latest version of wordpress from <a HREF="http://wordpress.org/download/">here</a>. And extract it. Rename the folder called “wordpress” to whatever you wish, like “mywordpressblog”. This will make easy for you to remember the path to enter whenever you want to open your wordpress blog from your computer. Open your folder and find a file called “sample-wp-config”, open the file using notepad. Now you need to enter your database details here. Replace the corresponding text by user database username, password and username. As stated before, your database username is “root” and the password is blank. So your edited details must look like this:</p>
<blockquote><p>define(&#8217;DB_NAME&#8217;, &#8216;gigacore&#8217;);    // The name of the database<br />
define(&#8217;DB_USER&#8217;, &#8216;root&#8217;);     // Your MySQL username<br />
define(&#8217;DB_PASSWORD&#8217;, &#8221;); // &#8230;and password</p></blockquote>
<p>Leave the DB_LOCALHOST and others as it is. Don’t make any changes. Save the file and rename it to &#8220;wp-config&#8221;. Yes, just remove the &#8220;-sample&#8221; from it.</p>
<p>Copy and paste that folder in “c:\wamp\www”. so that it must make the path like this, &#8220;c:\wamp\www\mywordpressblog\&#8221;</p>
<p>Now open your web browser and type the URL of your wordpress folder in the address bar. It must be like this, &#8220;http://localhost/mywordpressblog&#8221;</p>
<p>This will take you to the wordpress installation page:</p>
<p><a HREF="http://farm4.static.flickr.com/3244/2297973870_2280bedd48_o.jpg">Enter the Blog Title and E-mail ID and click next. Note the username and password generated. Click on login, enter the username and password and login. Now you can start using wordpress on your computer</p>
<p ALIGN="center">!<a HREF="http://farm4.static.flickr.com/3025/2297167289_878b6a4240_o.jpg"><img SRC="http://farm4.static.flickr.com/3025/2297167289_dcb7eb901a_m.jpg" ALT="wp-admin" /></a> <a HREF="http://farm4.static.flickr.com/3154/2297167465_a79c7360e2_o.jpg"><img SRC="http://farm4.static.flickr.com/3154/2297167465_df7c1011e5_m.jpg" ALT="index" /></a></p>
<p></a></p>
<blockquote><p>Tip: You can also your wordpress blog on your computer as your personal dairy for easy content management.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://santhosh.themebin.com/blog/wordpress-tutorials/install-wordpress-on-your-computer/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Remove unwanted smiley border in wordpress.</title>
		<link>http://santhosh.themebin.com/blog/wordpress-tutorials/remove-unwanted-smiley-border-in-wordpress/</link>
		<comments>http://santhosh.themebin.com/blog/wordpress-tutorials/remove-unwanted-smiley-border-in-wordpress/#comments</comments>
		<pubDate>Tue, 19 Feb 2008 11:44:00 +0000</pubDate>
		<dc:creator>Santhosh</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[remove border in wordpress]]></category>
		<category><![CDATA[remove smiley border in wordpress]]></category>
		<category><![CDATA[wordpress tricks]]></category>

		<guid isPermaLink="false">http://santhosh.themebin.com/blog/tutorials/remove-unwanted-smiley-border-in-wordpress/</guid>
		<description><![CDATA[A problem arises when you add image borders. An unwanted ugly border will appear around the smiley whenever you or someone inserts it. This can be eliminated by adding a line of CSS code into your theme’s Stylesheet, keeping the image borders intact.
To remove the border, follow these steps:
1. Go to your wordpress Admin CP.
2. [...]]]></description>
			<content:encoded><![CDATA[<p>A problem arises when you add image borders. An unwanted ugly border will appear around the smiley whenever you or someone inserts it. This can be eliminated by adding a line of CSS code into your theme’s Stylesheet, keeping the image borders intact.</p>
<p>To remove the border, follow these steps:</p>
<p>1. Go to your wordpress Admin CP.<br />
2. Click on Presentation and the select the theme for which you want to add image border.<br />
3. Click on “Theme Editor”<br />
4. Open “Stylesheet” or “style.css” whatever from the right hand list.<br />
5. Now you must be able see the CSS codes.</p>
<p>Now copy and paste this code in a new line after any “ } “ close tag.</p>
<blockquote><p>img.wp-smiley{ border:none;}</p></blockquote>
<p>This will remove the ugly borders around those smilies keeping image borders intact.</p>
<p>Before:   <img SRC="http://gigasmilies.googlepages.com/34a.gif" />                      Now: <img src='http://santhosh.themebin.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://santhosh.themebin.com/blog/wordpress-tutorials/remove-unwanted-smiley-border-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adding border for images in your wordpress blog.</title>
		<link>http://santhosh.themebin.com/blog/wordpress-tutorials/adding-border-for-images-in-your-wordpress-blog/</link>
		<comments>http://santhosh.themebin.com/blog/wordpress-tutorials/adding-border-for-images-in-your-wordpress-blog/#comments</comments>
		<pubDate>Thu, 24 Jan 2008 11:33:02 +0000</pubDate>
		<dc:creator>Santhosh</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>
		<category><![CDATA[add borders in wordpress]]></category>
		<category><![CDATA[adding border]]></category>
		<category><![CDATA[adding border for images]]></category>
		<category><![CDATA[adding border in blogs]]></category>
		<category><![CDATA[adding borders for images in theme]]></category>
		<category><![CDATA[border]]></category>
		<category><![CDATA[picture border]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://santhosh.themebin.com/blog/?p=11</guid>
		<description><![CDATA[Picture without a frame is not a picture, its just an image. Adding borders to the images in your wordpress blog will enhance the look of your theme.
Not all the wordpress themes come with image borders by default. You need to add few lines of code to get the image border.
This tutor tells you on [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Picture without a frame is not a picture, its just an image. Adding borders to the images in your wordpress blog will enhance the look of your theme.</strong></p>
<p>Not all the wordpress themes come with image borders by default. You need to add few lines of code to get the image border.</p>
<p>This tutor tells you on how to add a image border to the images in your wordpress theme. You can follow this tutorial only if your theme doesn&#8217;t come with default border for images.</p>
<p><strong>To add the border, follow this steps:</strong></p>
<p>1. Go to your wordpress Admin CP.<br />
2. Click on Presentation and the select the theme for which you want to add image border.<br />
3. Click on &#8220;Theme Editor&#8221;<br />
4. Open &#8220;Stylesheet&#8221; or &#8220;style.css&#8221; whatever from the right hand list.<br />
5. Now you must be able see the CSS codes.</p>
<p>Find this :</p>
<blockquote><p>img {<br />
border: none;<br />
}</p></blockquote>
<p>&#8230; and replace it with this:</p>
<blockquote><p>img {<br />
border:#cc9 1px solid;<br />
padding:3px;<br />
}<br />
a img {<br />
border-bottom: #b8860b 1px solid;<br />
}</p></blockquote>
<p>If it wont exist, you can simplty add the second code after &#8220;content&#8221; }</p>
<p>And click on &#8220;Update File&#8221;</p>
<p><strong>Now you must be able to see a border around the images in your blog.</strong></p>
<p>You can customize the border in the way you want. Here are few quick customization you can do:</p>
<p>1. To change the distance between the border and the image, increase or decrease the number in &#8220;padding&#8221;. For example, in the code above the padding is 3, you can increase it to 4, if you want more gapy between the image and the border.</p>
<p>2. You can have &#8220;Dashed&#8221; border style. To do this, replace &#8220;solid&#8221; to &#8220;dashed&#8221; in both the lines.</p>
<p>3. To change the color of the border line, you need to change the color code (HEX) value with the valid CSS/HTML color code.</p>
<p>For example, in the above code, the color code is &#8220;#b8860b&#8221;, which is light brown in color. If you want to have a black border line, you can change it to &#8220;#000000&#8243;</p>
<p><a HREF="http://htmlcolors.themebin.com/">Click Here</a> for a list of all the valid HTML and CSS Color codes.</p>
<p>And now finally your images will appear with a border and looks like this:</p>
<p STYLE="text-align: center"><img ALT="final stuff" SRC="http://farm3.static.flickr.com/2174/2210564657_800f6f2b9a_o.jpg" /></p>
<p>This ends the tut and enjoy the PICTURE</p>
]]></content:encoded>
			<wfw:commentRss>http://santhosh.themebin.com/blog/wordpress-tutorials/adding-border-for-images-in-your-wordpress-blog/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
