Monthly Archives: March 2009

How To Change Your WordPress Header Image

We are online to be different and to show originality. This means the appearance of your WordPress blog. Millions of bloggers use WordPress templates repetitively. Therefore, your header image will look the same as someone else. To differentiate you from others, you should have a customized header image. Ok, you may not be graphic designers or web programmers, but having a customized header for your blog will add personality and creativity so your site can impress your visitors. No designer skills are needed for this step. So, view the video so you can change your header image in less than three minutes.

How To Resize Your Header Image in Paint.Net

I have found FREE alternative Adobe Photoshop software to create and edit your header image. Hey, it is bets paying $900 for the Adobe Creative Suite. Therefore, here is the link to download Paint.Net! Download and install Paint.Net and view the video below on how to resize your header image to a specific pixel size.

How To Add A New Post in WordPress

How To Set-Up RSS Feed in WordPress

rss_iconMy audio podcast titled “What the Heck is a RSS Feed?” went live this weekend. Thanks for the inspiring emails and comments. Although, I have promised my listeners a video tutorial with step-by-step instructions on how to set-up a RSS feed in WordPress 2.3 version and later. I do not break promises! Therefore, here it goes!

Oh yeah! If you have not already, go check out the RSS Feed audio show. This quick and ultra-easy podcast is only 8-minutes long. I give you the low down in layman’s term and how this digital tool can have a tremendous impact on your business blog. I promise you!

This will be a 2-Part video tutorial.  Part I, is a quick tutorial on setting up your own RSS feed url address from Feedburner.com. This step will allow you to publicize your blog, audio or video content. Part 2 is placing your live RSS feed address in a WordPress blog or web site. This second step will allow your visitors to subscribe to your blog. Ready?
Good luck and happy learning!

How to Position An Image & Flow Text in WordPress

flower-012

This tutorial by Nan Ross of CorporateCosmo.com is for WordPress 2.3 or earlier. The first time I have tried to position an image with wrapped text, I almost pulled my hair out.  Nah, just kidding! But, I have noticed, depending on the version of WordPress, this technique can be a challenge. Therefore, in this tutorial, I will show you two quick and easy ways to flow text around an image. 

Visual Editing Window

Go to your post and place your cursor to the area you want to insert your image.  For example, let us start with the top left side of the post.  Click on Add an Image > Under Add media files from your computer> Click on Select File>Browse for Image on Your Computer>When uploaded finished > Under Alignment > Click on Left>Insert in Post. Click on Update Post>Preview Changes.

HTML codes

Now, the visual editing technique may seem easy and fast, but you will have some limitation on clean and proper positioning of your layout. For any older version of WordPress, these steps may not be available.  Therefore, I want you to get familiar with an easy HTML code.  This code can be use on WordPress or any other website page.

Open the HTML code-editing window.  Find the img tag for the image you have inserted in the post.

For example: <img class=”alignleft size-full wp-image-54″ title=”flower-012″ src=”https://cosmotutorial.files.wordpress.com/2009/03/flower-012.jpg&#8221; alt=”flower-012″ width=”125″ height=”113″ />
Delete the line starting with <img and ending with the last quotation mark, before src code.
<img class=”alignleft size-full wp-image-54″ title=”flower-012″ src=”https://cosmotutorial.files.wordpress.com/2009/03/flower-012.jpg&#8221; alt=”flower-012″ width=”125″ height=”113″ />
Replace with: <img style=”border: 0pt none; float:left; padding-right:10px; padding-bottom:10px” src=”http://cosmotutorial.files.wordpress.com/2009/03/flower-012.jpg” …/>
Depending on the version of WordPress, do not forget to click on Update Post or Save/Publish.
Note: The padding-right: 10px and the padding-bottom: 10px, this code avoids the text to have some space from the image. If you would like to have a border around the image, than insert the pt size.