Here is the process of how I developed my technical skills when encountering difficulties.
Problem 1: Resizing the display of Google Docs embedded file in Blogpost
𝑺𝒆𝒍𝒇 𝑹𝒆𝒇𝒍𝒆𝒄𝒕𝒊𝒐𝒏:
This problem was encountered by all of my teacher's students in Media Studies class. However, the solution to this problem was identified quickly with the use of contemporary technologies that we can access anywhere and anytime regarding to anything. The YouTube video I watched from my teacher's and friends' suggestion was affective and lead to me being able to develop a new technological skills (writing a code). This was fun as it was easy to learn and was efficient to fix the displays in my blog.
There are several blogposts that requires the embedding of a file to blogposts to showcase a certain file and make it appear when reading my blog. I have encountered and master this skill although only from Canva and Google Slides file. It was quite easy, just to copy and paste the embed link. I did that same procedure on my Google Docs file although the appearance of the file is displayed smaller and couldn't be read by viewers. This was a problem for the whole class.
Eventually, our teacher had solved this problem by suggesting us to watch a YouTube video. And so I did.
The image below was how it looked before I fixed the sizing of the file.
I tried the usual way from my Google Docs file to obtain the embed file link by:
1. Clicking 'File'
2. Click 'Share'
3. Then click 'Publish to web'
Afterwards, we're supposed to pick the 'Embed' selection and copy the link provided. Then we paste it to the 'HTML view' of our blogpost draft.
This was the very exact procedure I underwent for embedding my 'Brief' blogpost. However, the display was small and couldn't be edited by dragging the size of the image.
Final Solution:
After watching videos on how to embed a Google Docs file, I obtained the procedures to correctly embed the file:
1. Undergo the same procedure to obtain the embed link from the Google Docs file. Then copy it.
2. In the HTML view of the blogpost draft, paste the link.
3. After the "<iframe" code, add [ height="..." width="..." ] which is a code to determine the size in height and width of our embed file. The sizing are based on our own preference but I choose the height to be '500' and the width to be '700'.
5. Update your blogpost.
It should look like this afterwards.
No comments:
Post a Comment