Posts Tagged ‘wordpress’

Turbo Charge Your Wordpress Dashboard!

Monday, October 27th, 2008

google gears 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 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.
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.

(more…)

How to install Wordpress on your server.

Saturday, March 29th, 2008

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 begin with the easy method, by installing it using Fantastico,

If you have opted for a cPanel Hosting, then you can a find a scripts installer called “Fantastico”, in your cPanel.

Here goes the steps…

1. Login to your cPanel.

2. Open “Fantastico De Luxe”. 

3. Under “Blogs”, click on Wordpress.

4. Click on “New Installation”.

5. Fill the details, and click on “Install Wordpress”.

Now your Wordpress is ready to swing the world.

And now the hassle way. You have to follow this, if you don’t opt for a cPanel hosting unfortunately.

Here are the steps.

1. Download the latest version of Wordpress by clicking on this link.
2. Extract the file.
3. Create a new SQL Database and note down the DB name, username and password.
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”
5. Now open your FTP and login to the server.
6. Copy those extracted files and upload to the server to the folder of your desire or in the home (root) using the FTP.
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
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.
9. Follow few simple steps in the installation, note down the generated password and use it to login to your wp-admin panel.

Now start blogging!

Adding border for images in your wordpress blog.

Thursday, January 24th, 2008

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 how to add a image border to the images in your wordpress theme. You can follow this tutorial only if your theme doesn’t come with default border for images.

To add the border, follow this steps:

1. Go to your wordpress Admin CP.
2. Click on Presentation and the select the theme for which you want to add image border.
3. Click on “Theme Editor”
4. Open “Stylesheet” or “style.css” whatever from the right hand list.
5. Now you must be able see the CSS codes.

Find this :

img {
border: none;
}

… and replace it with this:

img {
border:#cc9 1px solid;
padding:3px;
}
a img {
border-bottom: #b8860b 1px solid;
}

If it wont exist, you can simplty add the second code after “content” }

And click on “Update File”

Now you must be able to see a border around the images in your blog.

You can customize the border in the way you want. Here are few quick customization you can do:

1. To change the distance between the border and the image, increase or decrease the number in “padding”. 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.

2. You can have “Dashed” border style. To do this, replace “solid” to “dashed” in both the lines.

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.

For example, in the above code, the color code is “#b8860b”, which is light brown in color. If you want to have a black border line, you can change it to “#000000″

Click Here for a list of all the valid HTML and CSS Color codes.

And now finally your images will appear with a border and looks like this:

final stuff

This ends the tut and enjoy the PICTURE