Saturday, July 16, 2016

Embedding Images into your ME Online ePortfolio

The ME Online ePortfolio can be customised to include banners, images and other design elements using 'embed code'.


To add a banner to your eportfolio you need to have access to an online image URL that is licensed for public use. This may be a picture or graphic of your own, a Creative Commons (CC) or Public Domain (CC0) image.

Use this Creative Commons image search to locate a suitable online image - or watch this video on how to locate Flickr Creative Commons images.

If you have your own banner image you need to upload it and get the embed code.

Flickr Method: Creative Commons Image

STEP 1: Locate the image you wish to use (ensuring it is licensed for re-use).
Select the 'Share Icon'.


STEP 2: Select 'Embed', choose a size and then copy the code.


STEP 3: Paste the embed code into the 'About Me'  'Summary Paragraph' section of your eportfolio.

Note that when you move your mouse over the image in your eportfolio the necessary attribution information appears. If you don't include this part of the embed code then you need to add the required Creative Commons attribution yourself.

Image: Andrii Slonchak CC BY 2.0

Google Blog Method: Own Banner Image

Another way to do this is to create a Google Blog and upload the image to a post.

STEP 1: Select the picture icon and upload your banner image.


STEP 2: Switch to HTML code and copy the image URL (from https://   to .JPG as shown)
NB You can copy the entire section of code if you don't want to use the image as a banner.


STEP 3: Paste the above IMAGE-URL code into Notepad (or any text editor)

Copy and paste this code into Notepad:

Copy and paste the IMAGE-URL into the last line.


STEP 4: Copy and paste the last line into the 'About Me'  'Summary Paragraph' section of your eportfolio.


Save and Publish your eportfolio and Preview.