| If want to insert a document into your blog entry, such as your syllabus or a PDF document, start by clicking the "Upload File" button under the "Posting" menu on the left hand side of your screen. | ![]() |
| A window will pop up similar to the one at the right. (If no window pops up, you might have pop-up blocking software installed. Disable it to continue.) Click the "Browse" button. | ![]() |
| Navigate to the file you want to and choose "Open". My sample document is a PDF, but you can also upload other document formats, such as .doc (Microsoft Word) and .xls (Microsoft Excel). | ![]() |
| The Browse screen will disappear, as you will be directed back to the "Upload" window. If everything has gone correctly, your image's location (or however much of it will fit) will appear in the box next to the "Browse" button. Click the "Upload" button to continue. | ![]() |
| After clicking the "Upload" button, you may have to wait a few moments for the file to upload to the server (your wait will depend on the size of the file and the speed of your internet connection). When the upload is complete, a new window will pop up. By default, "Create a new entry using this uploaded file" is selected; you'll want to select "Show me the HTML" instead. If you don't select "Show me the HTML", you will lose whatever progress you've made on your entry so far. Then click the "Link" button. | ![]() |
| A new window will appear which looks something like the one at the right. It contains the code you'll need to insert the uploaded image into your blog. Highlight the text and copy it (Ctrl-C on Windows, Cmd-C on a Mac). | ![]() |
| Return to the window containing your blog post. Click inside the text box where you want the image to appear. Press Ctrl-V (Windows) or Cmd-V (Mac) to paste the code into your post. By default, the link text will read "Download File"; you can change this text to whatever you'd like (being sure not to disrupt the code around it). | ![]() |
| Publish and save your entry and rebuild your site to see the link on the front-end of your blog. | ![]() |







