Posts Tagged ‘wordpress’

Increase Post Body Size in Wordpress

Tuesday, May 27th, 2008

You may want to increase the size of post body in your default wordpress theme, I don’t know if this technique can be applied with any wordpress theme or not, but this technique can be done easily with default wordpress.

1- Go to Design >> Theme Editor
2- Open Stylesheet page.
3- Find this code:
.narrowcolumn {

4- Find the width and increase the size.

Change Previous and Next Post Links in Default Wordpress Theme

Sunday, May 4th, 2008

In the default wordpress theme, the links to previous and next posts display at the top of the post page, you may want to change their positions to be at the bottom after the comment window, just do the following.

1. from your control panel go to “Presentation”.

2. Open “Theme Editor”.

3. At the left, open “Single Post” code.

4. Find this code and remove it.

<div class=”navigation”>
<div class=”alignleft”><?php previous_post_link(’&laquo; %link’) ?></div>
<div class=”alignright”><?php next_post_link(’%link &raquo;’) ?></div>
</div>

5. Find this code:

</div>
<?php get_sidebar(); ?>

and right above it add this code:

<br><br><div class=”navigation”>
<div class=”alignleft”><?php previous_post_link(’&laquo; %link’) ?></div>
<div class=”alignright”><?php next_post_link(’%link &raquo;’) ?></div>
</div>

6. Update File and check changes.

Add Adsense ads to Wordpress Posts

Wednesday, April 23rd, 2008

Here, I will teach you how to add your Adsense ads to be displayed in the body of the posts.

1. Generate new Adsense code. “125×125 Button and 120×240 Vertical Banner” will be good for wordpress posts.
2. Go to your wordpress control pane, choose “Presentation” >> “Theme Editor” and at the left choose “Single Post”.
3. In the “Single Post”, find this code:

<div class=”entry”>

After it, add this code:

<div style=”float:right; margin-left:10px”>
Adsense Code
</div>

Replace “Adsense Code” words with your real Adsense code you have installed before.

Edit Wordpress Text Align

Wednesday, April 23rd, 2008

By default, and when you use the wordpress default theme, the text of all posts is justified automatically and that makes random spaces through the post, to change the text align of wordpress blog, just do the following.

1. Go to your blog control panel.
2. Choose “Presentation” then “Theme Editor”.
3. At the left, choose “Stylesheet”.
4. Find this code:

.post {
margin: 0 0 40px;
text-align: justify;
}

ans edit “justify” to be “left“.
5. Update file and check changes.

Creat Wordpress Blog

Tuesday, April 22nd, 2008

It is very easy to create a free wordpress blog, just follow the following instructions.

1. Go to www.wordpress.com.
2. Choose “Sign Up Now”.
3. Fill in the application.
4. Activate your account.
5. From the control panel and at the left, choose “Register another blog”.
6. Type the URL and the title of your new blog.
7. Create the blog and start posting.
you can create pages, categories and link menu.

Edit WordPress Header Image

Monday, April 21st, 2008

So, you want to edit the header of your default wordpress theme, it is very easy to do so. If you want to edit the colors only, you need to go to “Presentation” from your control panel and from there you need to choose “Header Image and Color”.

If you want to add a new image in the header, you can do it by creating a new image in the size of “760px width and 200px Height” and name it “kubrickheader.jpg”, it must be saved in jpg extension.

Then, you can upload it to your server, go to “wp-content” >> “themes” >> “Default” >> “images” and upload it there.

The above tutorial is for default wordpress theme, you can do the same for any theme but you need to know the name and the size of the image of the header of your current theme, then you can create a new one in the same size and name, then you can upload it to the image folder of your current theme.

Favicon to WordPress

Sunday, April 20th, 2008

To add a small image beside the URL of your wordpress blog, you need to follow this simple tutorial.

1. Create a small logo to your blog.
2. Go to www.html-kit.com/favicon/.
3. Browse for the logo and let that tool to generate a Favicon for you.
4. Download and unzip the file.
5. Upload the file to your server.
6. Go to your blog control panel.
7. Choose “Presentation”.
8. Choose “Theme Editor”.
9. At the left, choose “Header”.
10. Right above </head> tag, add this code:
<link href=’youriconfile.ico’ rel=’shortcut icon’/>

Replace “youriconfile.ico” with your logo link location at your server, you can use free servers like http://pages.google.com.