BTL Help

[Sunday 10th March 2019 Click to REPLY to posts function – temporary workaround]

Because WordPress have issued a new version of their software, we are having to make changes to the dedicated AoD code which makes this blog function the way it is. Those changes will take some time to write and bed in, so please bear with us. In the meantime, please follow these instructions if you are using the new visual edit feature and want to reply to a previous post.

  1. More details on why this is necessary in this comment: https://www.aodrugby.com/aod/2019-six-nations-preview-round-4/comment-page-16/#comment-673468
    Make sure the Text tab is selected in the comments box.
  2. Click on the previous post link in the normal way.
  3. If you want to use the new features (live preview, lists, images etc) then click on the Visual tab
  4. Click back on the Text tab before you click to submit the comment. This will mean you won’t have to click on the text tab next time to reply…

If you don’t want to use the new features yet, the tips below will still work in the Text tab.

[End of temporary reply workaround]

NB: The features below are usually only available once you’ve signed in with your normal account. So sign in.

AoD Crash Course in BTL Comment Formatting

HTML

The HTML we use BTL is always contained by <tags> which are always denoted by ‘angle brackets’ <like these>. Opening tags just have the brackets <open tag>, and closing tags have the brackets and a forward slash </closing tag>.

So a complete line of working HTML for BTL to strike through text would look like this…

Strikethrough

<strike>Put your strikenthrough text between these tags</strike>

We can use other tags: for example the code in a grey box on this page is rendered using the <pre> tag.

To change the attributes of our text (eg. size, font, colour etc) we use CSS (Cascading Style Sheets), which is a way of standardising how the various elements on a page are displayed: believe it or not, you’re using CSS now… You may have seen other ways of doing this (eg the <font> tag), but those older tags are now deprecated and you should use the modern CSS method we’re showing you here.

Colouring Text

<p style="color:red">Text between these tags will be rendered Red</p>

All the main colors are supported as plain text: Red, Green, Blue, Yellow, Orange etc.

Font Size

Some slightly more advanced CSS…

<p style="font-size:75%">Text between these tags will be rendered at 75% size</p>

Always use a percentage for font-size (normal site size is 100%) and not an absolute measure such as px (pixels).

Font Type

Change the font type from serif to sans-serif.

<p style="font-family:sans-serif">Text between these tags will be rendered in a sans-serif font</p>

There is lots more you can do if you are prepared to experiment by combining CSS controls. Note that the CSS controls are separated by a semi-colon. Also note that CSS and HTML can’t spell ‘colour’ and ‘centre’ properly. Typical… Still, you can combine several CSS controls this way.

Double the text size, change the font family, make it red and centre it…

<p style="color:Red;font-size:200%;text-align:center;font-family:sans-serif">Double the text size, change the font family, make it red and centre it...</p>

Big Talk

<p class="big-talk">Text between these tags will rendered using Big Talk</p>

 

You can cut and paste these examples directly into the comment box and just edit them if you really want to be lazy.

Shortcodes

Shortcodes are like specialized tags that render through some code or other. They are always wrapped in square brackets [shortcode name].

At present we really only use the Spoiler Box.

[spoiler]text to hide[/spoiler]
Spoiler!Open

Again you can cut and paste this if you’re lazy.

Embedding Content

A few of the larger Media sites automatically embed when you paste their URL directly into the comment box. Youtube and Twitter are the most used, but the behaviour is the same – they embed providing the URL is on its own line at the end of the comment.

Youtube

Youtube accepts some queries (additional requests) through the URL. The main one to remember is the start time. Simply add &t= then the time. You can either add the time as the total number of seconds only, or in the format of XminutesYseconds. So, to start the following video (chosen purely at random by Editorial, of course) at 11 minutes 7 seconds in, you can add either &t=667 or &t=11m7s to the end of the link.

https://youtu.be/KEnO6Q_7Kpk&t=667