You can add all kinds of neat features to your blog. Although this post will model Blogger, the same steps work in many online publishing sites. The first two are required; the others are optional.
1. Hyperlink
If you reference a website, even as a picture citation, hyperlink it!
You can simply hyper link the website:
https://www.wordpress-web-designer-raleigh.com/2015/04/16/4-reasons-to-avoid-using-click-here-in-link-text/
Or use informative text:
Read
"4 Reasons to Avoid Using Click Here in Text"
Combine pictures with text hyperlinks because people may not realize that the picture itself is linked.
There are two ways: Either simply click the "Link" button in the tool bar, or paste-type the text, highlight, then click "Link." Note you can edit what people see and the link itself in this link tool window.
IMPORTANT: Make sure you click "open in a new window"
If you forget this step, please edit the post, highlight the link, and choose "change."
2. Add gadgets - List of Links
You can add all kinds of cool gadgets to your webpage. The one you must add is a link back to the main class page.
From your Blogger homepage, choose your blog, and then choose layout (left menu).
Scroll to where you want the gadget. For the list of links, may sure it is viewable at the top of the page (may be a side bar, but we need to see it when we see the blog header).
Click "Add a Gadget" and you will get all kinds of cool options. Scroll until you find "Link List."
Name your list. I chose "Class Blogs" but you may want "Favorite links" if you intend to add others.
For each link you want to include, name the site (do not put the web address), and paste the link. Make sure it has http:// if that is part of the address. Click "add link."
When you have all the links you want, click "save."
Then in the layout view, click "save arrangement." You can always edit this list later by clicking the tool icon on your regular blog page. Finally, click "View Blog"
3. Twitter Feed
Copy the html of the widget you created. Then in Blogger, this time add the gadget "HTML/JavaScript" and paste the text. Voila!
4. Embed an Office File (or other html) Rather than a Screen Shot
Rather than show a small portion of your assignment, you can post the whole assignment. Directions for
"How to Embed PDF and other Documents in Blogger Blog Posts."
Note: The default size is likely too small. So you will need to add the width and height to the html code. Simply type in the text you see in yellow. This is mine. Except 640x480 is too wide so I used an
aspect ratio converter to determine a better size and changed the numbers to 580x435.
<iframe src="https://docs.google.com/document/d/1Ak83vDxNfMAY37gYf1ykThHzlacstnVpFelhtGPbNEM/pub?embedded=true"width="640" height="480"></iframe>
See how much cooler and more readable an embedded document is than a screen shot? It works particularly well with Power Points. Many online tools, such as Prezi, provide an embed code that you can paste directly into the HTML editor of Blogger.