Technical Skills (Online)

on

Throughout the project I encountered a lot of technical problems. In this blog post I will detail how I solved the problems. 



Problem: Unable to Embed PDF into Blogger

In one of my blog posts I had to embed a PDF document onto the page. I tried to do this with a simple "embed" link but was unable to resize the image. This technique worked fine when I embedded a presentation into blogger. 

I researched online and found a useful YouTube video that explained how to do it. The steps were:

  1. Upload the PDF to Google Drive
  2. Click "Share" and copy the link of the PDF document. Make sure that "Anyone with the link" has access. 
  3. In the blogger page, open up "HTML View"
  4. Paste the link.
  5. Remove "usp=sharing" and change "view" to "preview"
  6. Add the code <iframe src=" " width="640" height="480"></iframe> and instert the PDF link into the src=" "
  7. Publish
YouTube Video: How to upload pdf and related file on blogger || how to upload documents in blogger ||


Link to the YouTube tutorial: https://youtu.be/PtlTH-GePw8?feature=shared 


Reflection: I was very surprised at how simple this task was. The video tutorial was very slow and I was able to pause and follow along. Plus the comments section proved to be quite helpful, people were able to share other solutions to the problem. I often think the idea of coding on a website to be daunting, but I have shown that I can use it to do simple tasks. I have included a step-by-step process here in my blog so that I can refer to it again in the future if I forget the solution. I think I will be less afraid of coding when I encounter it again, and I know that there is always a YouTube tutorial for every problem. 
 
Problem: Unable to add a line break in my Blogger

After my previous post I wanted to include a line that would separate the problems. However, when I used the line icon on the post editor it wan't visible on my site. I visited a website that gave me another line of code to try:
I attempted the <hr /> code and a line appeared on my blog post. The downside was that it only appeared at the bottom of the text and I could not add any additional information below it. I tried this a few different times but I couldn't get it to work. Instead I decided to use a buffering image to separate the problems on my blog.

Reflection: This problem didn't have the solution I was going for, but I actually think the use of the buffering image looks quite good and distinguishes the problems clearly. I think I could have done a little more research and solved the issue in my intended way, but this is not a priority. I have a lot more important work to be getting on with and time management is a skill I am still working on. 






Comments

Post a Comment