Embedding media in your blog or Site

By -
There are many options for sharing media in your blog by getting the embed code and editing your post using HTML.

I do not recommend using the built in Blogger video upload function at this date in history because I find it crashes and the display is small, but you can try if you like!

With the new Google Sites, you can use the menu on the right to select the file you would like to embed, you do not need to get the embed code.

 Get the embed code (YouTube, Google Presentations / Docs, Movies uploaded to Drive)

  1. On YouTube, click on share, embed, and then command C (on PC control C) to copy the code 
  2. On Google Presentations / Docs, go to File, Publish to the web, set privacy (only ISPP or the world), and click command c to copy embed code. 

  3. On videos and images uploaded to Google Drive, open the file, click on the three dots for more actions, choose Open in new window. 
  4. Click on the three dots again and choose 'embed item'. This option will only appear after the video has finished processing. Click command c to copy the embed code. Make sure your sharing is set to anyone with the link or anyone at ISPP (or whatever is appropriate). 
  5. Have a different source? Try to figure it out, or ask for help! Other tricks to share? Post a comment!
Edit your blog in HTML!

  1. Once you are editing a post, by default you will be in Compose mode. but you can click back and forth between compose and HTML to suit your editing needs with the buttons at the top left of your screen. Don't worry if you don't know HTML! All you have to do is figure out where to paste your code in HTML mode. The rest can be done in Compose mode. 
  2. This is what the HTML for this section of this post looks like (I added the numbers at each line): 
    1. <b><u>Edit your blog in HTML!</u></b></div>
    2. <div>
    3. <br /></div>
    4. <div>
    5. <ol>
    6. <li>Once you are editing a post, by default you will be in Compose mode. but you can click back and forth between compose and HTML to suit your editing needs with the buttons at the top left of your screen. Don't worry if you don't know HTML! All you have to do is figure out where to paste your code.&nbsp;<div class="separator" style="clear: both; text-align: center;">
    7. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinoVfyxgDVH7ADCP3If62oCY2gbaDx8g9rH697-cRHyc_yhyphenhyphenw1UVkwznQDFuXHlAbUUOuZoMf0Hy4ef6wYOoeEYCe3SgBwqMKwCrYct8m-VGNWwd8b1_6bjXnqV_p3cnX2o0ZjscZ0ZDyX/s1600/Screen+Shot+2014-08-07+at+6.10.58+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinoVfyxgDVH7ADCP3If62oCY2gbaDx8g9rH697-cRHyc_yhyphenhyphenw1UVkwznQDFuXHlAbUUOuZoMf0Hy4ef6wYOoeEYCe3SgBwqMKwCrYct8m-VGNWwd8b1_6bjXnqV_p3cnX2o0ZjscZ0ZDyX/s1600/Screen+Shot+2014-08-07+at+6.10.58+AM.png" /></a></div>
    8. </li>
    9. <li>This is what the HTML for this section of this post looks like:&nbsp;</li>
    10. </ol>
    11. </div>
  3. You can tell where you are on the post because your words appear. You can see on line one the heading for this section with <b> (bold) and <u> (underline) tags.
  4. Go to the place where you want to put your media, click enter to give yourself a codeless line, and click command V (control V on PC) to paste your code.
  5. When you click back to Compose mode, you will see your media!
Heres a video for how to embed a video from Google Drive


And here is a video on changing the privacy of your video:


Comments

  1. Media GroupFebruary 24, 2022 at 5:39 AM

    Thanks for the Great Post!
    At our recording studios, we specialise in providing high-quality audio across all media for businesses operating in New Zealand & Australia.

    ReplyDelete

Post a Comment

Popular posts from this blog

Adding a ManageBac Calendar and the ISPP Calendar to your Google Calendar

By -
Image
Log into ManageBac (for parents, click on the arrow at the top of the page to select which child's calendar you would like to add)  Click on Calendar on the left   Click on Subscribe to xxx calendar (you may need to scroll down) Click Open Calendar  Click command c (Mac) or Control C (PC) to copy the URL (if you use iCal, you can click 'subscribe' and the calendar will be added to your iCal). Go  to your Google Calendar, click on the down arrow next to Other Calendars and select Add by URL Click command v (Mac) or control v (PC) to paste in the URL and click Add Calendar Click the down arrow next to the new calendar (it will be named with the messy URL beginning with webcal://) Choose Calendar Settings. You can also change the color of the calendar here. Enter a new name for your calendar and press save.  To add the ISPP calendar to your Google Calendar, follow the same steps beginning with Step 5, but copy and pa...
Read more

ManageBac for ISPP Students

By -
Image
Here is a quick tour of the new ManageBac user interface (UI). If you notice any issues, you can always contact Ms. Chelsea by email, or you can contact ManageBac Support by clicking on the Help and Support link at the top right of the page. When you first log in you will be in your Dashboard: You can click on your name (top right) to view your profile and change your password. You can see your Dashboard with your calendar and the upcoming events and deadlines for the next few weeks.  On the left is your navigation menu with links to sections of your ManageBac. I will now go through the options in the left hand navigation menu in the order in which they appear. When you click on Calendar: You can choose to view by month or week and you can scroll through the calendar. At the bottom of the page, you can add a personal event and you can subscribe to the calendar.  To add your ManageBac Calendar to your Google Calendar, check out this blog post ...
Read more

Blogger how to change your theme and background photo

By -
Image
Go to Blogger.com and click the tiny grey arrow to see a list of your blogs and select the blog you want to work on Look / scroll down on the left until you find 'Theme' Toward the center of the page, click on 'Customize' Choose 'Background' at the top left To remove the background image, choose 'Remove image' To change the image, you can click the background image and options will appear. You can even upload your own image! You can also click on the main color theme to change your main color theme :) Click apply to blog at the top right to save your changes You can also click on 'Themes' to try different themes Have fun!
Read more