home Get a blog for free contact login

Pages tagged: embed

Usage

Writing you article content

It's simple, write your text like in any PlainText editor:

# What is this ?

My-Tribune is a blogging platform which allows you to publish your opinion:

  - Easily
  - For free
  - ...

The text above generates a header line and unordered list.

The used format is called MarkDown. Its simple formatting allows the text to be written in a plaintext editor and stay readable, while at the same time it can be used on the web.

E.g. surround a word in stars * to make it Italic: *Italic*
Or in double stars to make it Bold: **Bold**
Hyperlinks can be inserted right into the text.

A lot more is possible with simple formatting markers.
Here's a guide with the details: https://www.markdownguide.org/basic-syntax/

When MarkDown is not enough - Go ahead and insert your HTML tags, CSS styling or even JavaScript.
It is your content, so you are in control.


Embedding YouTube videos

Get the sharing code by clicking on Share -> Embed on the video page on YouTube. Paste the code in your article.

In order your page to look well on all devices replace the fixed width & height with:

style="width: 100%; aspect-ratio: 16/9;"

Just make sure to keep the video aspect ratio. If you're not sure what aspect ratio you should specify just use the width and height values from the copied YouTube code. E.g. aspect-ratio: 560/315;


Hosting your images in Google Photos

Here's how to insert "Google Photos" images in your articles.

  • Add some images to an album and name the album e.g "Blog".
  • Open the album, click on Share -> Copy link. You will see "Shared" under the album title right next to the date.
  • Click on an image to open it full screen
  • Right click on the image and choose "Copy image address"
  • Insert this address in the end of your article like this:
[myimg]: https://lh3.ggl-uc.com/ALongURL=w867-h574-no?authuser=0 "Tooltip txt"
  • Then put this anywhere in your article content: ![myimg]

Notes:

  • "myimg" label is arbitrary.
  • The workflow above is for the desktop version of Google Chrome and is valid as of 2022-02-18.
  • You can edit this part of the URL "w867-h574-no?authuser=0" and leave it as just "w640". This way "Google Photos" will serve the image with the specified width and the aspect ratio will be kept.
  • The procedure will work for other image providers. You only have to be able to get the image address/URL. Note though, that some providers do not allow embedding of their images on external websites (the term is hotlinking). If so you might need to drag&drop the image to your "Blog" album. Of course, make sure to have a valid "licence" to use it.
  • The image MarkDown tag can be specified like this [![myimg]](https://some.url). This way the image will be a link to "https://some.url". You can get this "some.url" by sharing the image itself on "Google Photos" and using "Copy link". Then, when clicked, it can then be viewed on the "Google Photos" site in full resolution, with meta information, etc. Alternatively the link can be to an album. Or anywhere else, including external websites.


All tags SiteMap Owner Cookies policy [Atom Feed]