Archive for the ‘How to wrap text around an image’ Category

WordPress Tutorial – How to Edit a WordPress Page

Sunday, August 17th, 2008

This Beginner-level WordPress tutorial shows how to use the WordPress Dashboard (admin panel) to edit an existing webpage on a WordPress-powered website / blog. This is the first in a series of WordPress tutorials by Mark McLaren and McBuzz Communications.

Read the rest here:
WordPress Tutorial – How to Edit a WordPress Page

WordPress Tutorial – How to Wrap Text Around an Image

Saturday, August 16th, 2008

PLEASE NOTE: This Intermediate-level tutorial is for WordPress version 2.3 and earlier. To wrap text around an image in version 2.5 or later, see the new tutorials in the mcbuzzvideo collection called “WordPress 2.5+ Tutorial – How to Upload and Insert an Image” and “WordPress 2.5+ Tutorial – How to Wrap Text Around an Image”. The second technique in this tutorial works for any HTML page, whether you use WordPress or not. If you need more control over how an image is positioned relative to text wrapping around it, you can use this technique (even in WordPress version 2.5 or later). This tutorial shows two ways to position an image on the left or right side in the body of a WordPress Post or Page, and how to wrap text around the image. The first way is quick and easy to do. The second way gives you more control over the image’s position and the padding or “air” around the image. It’s an Intermediate-level WordPress tutorial because the second of the two ways shows you how to insert a bit of HTML code using the WordPress Code editing window.

More here:
WordPress Tutorial – How to Wrap Text Around an Image

WordPress Tutorial – How to Insert an Image & Make It a Link

Saturday, August 16th, 2008

This Beginner-level WordPress tutorial shows how to insert an image into a WordPress Post or Page. Once you insert the image, you can make it a clickable link. Steps: Upload the image, give it a Title, insert using the Visual text editing window, select the image and give it a URL using the Insert Link button. – by Mark McLaren of McBuzz Communications.

Continue here:
WordPress Tutorial – How to Insert an Image & Make It a Link

WordPress Tutorial How to Add Flickr Photo Widget to Sidebar

Saturday, August 16th, 2008

This Intermediate-level WordPress Tutorial shows how to add Flickr Photos to your WordPress blog’s sidebar using the Flickr Widget that comes with WordPress 2.5+ You need to first create a Flickr account at Flickr.com and upload photos to the account. If you need a tutorial on how to do that, send me a comment or, better yet, go to http://mcbuzz.wordpress.com/ , and send me a comment there. After you create your Flickr account, this tutorial shows you how to add the Flickr Widget to your WordPress sidebar, insert the Flickr RSS URL and BOOM! you’ve got clickable Flickr images in your sidebar! To see more WordPress tutorials, go to http://mcbuzz.wordpress.com/

More:
WordPress Tutorial How to Add Flickr Photo Widget to Sidebar

WordPress Tutorial – How to Upload & Link to PDF or Word Doc

Friday, August 15th, 2008

Beginner-level WordPress tutorial shows how to upload a PDF, Microsoft Word document, Excel, PowerPoint, or other document using WordPress, and then make a link to that file in a Post or Page. When finished, you will have a link that site visitors can click on to download the file or open it in a Web browser. – by Mark McLaren of McBuzz Communications.

Continued here:
WordPress Tutorial – How to Upload & Link to PDF or Word Doc

How to wrap text around an image in Wordpress

Thursday, June 19th, 2008

Below is a description of the easiest way I know of to wrap text around an image in Wordpress.

Step 1: When you are in your post editor, upload a photo

Step 2: If you are in Wordpress 2.5, hit the ‘HTML’ button

Step 3: After you upload the photo you will see the image file information when you are in the HTML screen.

Step 4: Add the following code inside this image description: style=”border: 0pt none; float:left; padding-right:10px; padding-bottom:10px”

For example, the HTML code for the image I pasted above looks this this after I add the code. This automatically wraps the text to the right of the image. If you change the float to float:right, you can add text to the left of the image.

<a href=”http://www.wordpressadvice.com/wp-content/uploads/2008/06/fujilake.jpg”>
<img class=”alignnone size-medium wp-image-46″ style=“border: 0pt none; float:left; padding-right:10px; padding-bottom:10px “ title=”fujilake” src=”http://www.wordpressadvice.com/wp-content/uploads/2008/06/fujilake-
300×200.jpg” alt=”" width=”300″ height=”200″ /></a>

Step 5: After you cut and paste, change the inverted commas by deleting them and then manually putting them in again. Sometimes when you cut and paste wordpress doesn’t like it and will only accept the inverted commas which are vertical.