Newslog: Inserting pictures 4 comments

22 Feb 2006 @ 18:32, by Silvia M.S I've been told that some people have problems to upload pictures into their articles. For that reason, I've written this little article explaining how to do it. It may look difficult at the beginning, but in reality it's an easy task to do after you do it a few times. There are several options: A) USING THE 'PICTURE' OPTION INSIDE THE ARTICLE EDIT PAGE When you start adding a new article or editing a new one, you can see the 'Picture' section in the page, that you can use to upload pictures to your article. 1) Select the location of the pic: There are three different ways, depending on where the picture is located: a) If the pic is in your computer, click the button 'Browse', choose the pic in your computer and click the button 'Open'. The address of the pic will be inserted in the box next to 'Upload File'. b) If the pic is in internet, you need to copy the URL (internet address) of the pic and paste it in the box next to 'Grab URL' c) If you don't want to upload one of your pics you can choose any of the pics already included in the NCN server. To do that choose the right option in the menu next to 'From Library', click the button 'View' next to it, mark the picture you want, go down to the bottom of that page and choose 'Use selected picture'. The name of the pic will show up in the box next to the 'View' button. Besides, you can resize the pic using the the resizing option available. It's especially interesting the "small&large" resizing option, because it lets you to have a small thumbnail of the pic in the frontpage and the full size in the full article page. 2) Click 'Save Draft&Continue' button: After doing step a, b or c then click on the 'Save Draft&Continue' button to have the pic uploaded to the server. At the beginning of the page you will get some red messages saying that the picture has been uploaded and a thumbnail created. 3) Select where you want to place the pic: Check the Picture section again. You should see a thumbnail of the pic that you've uploaded. Next to it you can see an unfolding menu next to 'Position', where you can choose exactly where you want to place that pic in the article, for example right in the text. Try any of the first 7 options and save the draft to see where the pic is placed, that's the best way to learn about these options. If instead you choose to place the picture manually you can insert it in the article exactly where you want. To insert the picture manually simply select the last option of the resizing menu (manual) and write this line (called html tag) in the place of the text where you want to see it: <img src="/pic/nl/artpic/XXX/Y/picture"> where XXX is the number of your newslog, that you can see at the bottom of the main page of your newslog, where it says 'This news log #XXX is owned by...', Y is the number of the article you're writing, that you can see following the link 'Add or Edit articles' at the bottom of the editing page (if you previously saved the draft of course), and picture is the name of the pic that you have uploaded into your article (write the full name, including the final JPG or GIF extension). Once you've saved the article, you should see the picture in the right place. B) USING THE PICTURE GALLERY If you're going to use pictures in your articles very often, I suggest you to set up the picture gallery, to have all the pictures grouped together. Besides, in the right sidebar of your newslog you'll see the last picture uploaded there, and when people click on it they'll be able to see your picture gallery. If you haven't set up your picture gallery yet, please follow this link to learn how to do it: Link. If you have already a picture gallery, you can upload there the pics you want to place in your article and then place the proper tag into the text where you want them to be inserted. INSERTING THE PIC IN YOUR ARTICLE: 1) Go to your article and write this line in the place where you want to insert the pic: <img src=""> You can use it in any place where you want to insert a picture. 2) You have to write the URL (internet address) of the picture between the quotation marks. To do this, first go to the picture gallery, click on the pic you want to insert to see it in full-size and click on it with the right button of the mouse, then select 'copy image location'. In this way you have copied the URL of the picture. 3) Go back to your article, then between the quotation marks of the tag click with the right button of the mouse and choose 'Paste'. In this way you have completed the image tag and your pic should show up in your article after you save it.

4 comments