Difference between revisions of "HowTo: Student Fellow Blog Posts"
From Earth Science Information Partners (ESIP)
Annieburgess (talk | contribs) |
Annieburgess (talk | contribs) |
||
Line 29: | Line 29: | ||
[[File:insertimage.png| border|600px]] | [[File:insertimage.png| border|600px]] | ||
* If you want to be a little more advanced, select "Advanced" in the Image Properties dialog box | * If you want to be a little more advanced, select "Advanced" in the Image Properties dialog box | ||
− | * You can insert some HTML to customize the image, for example, add a drop shadow: box-shadow:rgb(200, 200, 200) 10px 10px 5px; float:right; height:200px; line-height:20.8px; margin:5px; width:300px | + | * You can insert some HTML to customize the image, for example, add a drop shadow: |
+ | <code>box-shadow:rgb(200, 200, 200) 10px 10px 5px; float:right; height:200px; line-height:20.8px; margin:5px; width:300px</code> | ||
== Peer review (get another set of eyes) == | == Peer review (get another set of eyes) == |
Revision as of 12:25, January 15, 2016
Instructions for posting to the Commons
- Login to esipfed.org
- From the black bar at the top, select "Add content"
- Select "Blog entry"
- Add title
- Tag the post Student Fellow Blog
- Under Text Format select "Full HTML"
- Add your text.
- If you want to add images, see the next section. *Good images can make a post POP!*
- NOTE: Your post is not published yet.
- When you are ready, select "Publishing Options"
- Select the box "Published"
- This post is NOW published to the ESIP site and promoted to the front page.
Finish with social media tag line:
Drupal tips for images and text formatting
- Use your favorite photo editor to modify images (crop, add text, etc...) - Drupal is not a great place to do your photo edits.
- You have to upload photos one at a time under under "Add new file"
- Click on the uploaded file you want to insert.
- Right click on image and select "Copy image address"
- Place your curser in the text where you would like the image.
- Select the image icon.
- Paste the image URL + select appropriate size
- If you want to be a little more advanced, select "Advanced" in the Image Properties dialog box
- You can insert some HTML to customize the image, for example, add a drop shadow:
box-shadow:rgb(200, 200, 200) 10px 10px 5px; float:right; height:200px; line-height:20.8px; margin:5px; width:300px