Throughout the project I encountered a lot of technical problems. In this blog post I will detail how I solved the problems.
Reflection
At first I thought that it was going to be complicated as it involved codes, however the video was clear with their step-by-step instructions and because I can pause every now and then too, I could follow along with my own pace and therefore, it was solved simply and quite fast. Because I noted down the steps I followed in this blogpost, I can always refer back to it in the case where I encounter the same problem and forget how to fix it. Furthermore, due to this problem, it reminded me that I have all the resources I would be needing whenever I have technical issues, which is the Internet whether It'd be YouTube to search for verbal and visual tutorials or websites to find testimonies from other people and how they solved problems that I may be dealing with in the future.
At first I thought that it was going to be complicated as it involved codes, however the video was clear with their step-by-step instructions and because I can pause every now and then too, I could follow along with my own pace and therefore, it was solved simply and quite fast. Because I noted down the steps I followed in this blogpost, I can always refer back to it in the case where I encounter the same problem and forget how to fix it. Furthermore, due to this problem, it reminded me that I have all the resources I would be needing whenever I have technical issues, which is the Internet whether It'd be YouTube to search for verbal and visual tutorials or websites to find testimonies from other people and how they solved problems that I may be dealing with in the future.
Problem: Unable to embed Google Document into Blogger
I had previously did my Statement of Intent in a Google Document so that the format of the table is nice and organized. After that, I planned to embed the Google Document directly into my Statement of Intent Blogpost however the size that came out was really compressed to a small layout where it made it unclear and complicated to read. I was really confused of this occurrence as from my past experiences with embedding external documents, such as embedding Google Slides into my brief blogpost, nothing like this happened before.
I used the same techniques in the process of embedding the Google Document to the blogpost where I:
1. Gave access to everyone with the link
2. Published the document to web
3. Copy pasted the embedding code to the Blogpost's HTML view
However when I saved/updated and checked my blog, It was compressed into this small layout below:
Solution: I went to YouTube to fond a tutorial on how to correctly embed an external document to a Blogpost.
The YouTube video:
Link to the YouTube tutorial: https://youtu.be/PtlTH-GePw8?si=V3cAsfbdLEDsFSI1
The steps that I followed to fix it:
1. Download the Google Document as a PDF
2. Upload the PDF to Google Drive
3. Change the access of the PDF to "anyone with the link can access"
4. Copy the changed link
5. Go to the Statement of Intent blogpost and change it to HTML view
6. Paste the link
7. Delete "usp=sharing"
8. Change view to preview
9. Add the code <iframe src=" " width="640" height="480"></iframe>
10. Between the " " after the src= add the modified PDF link
11. Publish
Edited code:
Result: Now it's bigger and everything's visible within the layout compared to previously.
No comments:
Post a Comment