Top Tips for making your blog updates look great!

A guide to making your TSR post look better

Below is a guide to all the tools on TSR's new editor. Be aware, when creating new threads the old text editor is used, so you can only use this guide for editing your first post, or replying to threads!

Emojis:Ever seen small faces in text such as :colondollar:

and wondered how to add them? On the editor look for the smiley on the editor and click on it. You'll see a few pop up but if you click on more (far right) you'll see all the TSR smilies appear - from :K:

Images:There are several options when it comes to inserting images into a post.

The first being adding a picture you've found on the internet.
Right click the image and select copy image address:

Spoiler

Then return to TSR and click the image icon with 'url' on editor and paste in the image address you just copied:

Spoiler

Click insert and you're sorted! :woo:

Alternatively if you've made an image you can upload it and add it to your post/thread :smile:

For this you'll want to click the camera icon with the + on it. This should then open a file browser window where you need to navigate to the folder the image is saved to. Select the image and it should then instantly add to your post!

Bold Text:This is an example of bold text . Select the text you wish to be in bold and click the B icon on the editor. You can also click the button then type your text if you prefer.

Italic Text:This is an example of italictext . Select the text you wish to be in italic and click the I icon on the editor. You can also click the button then type your text if you prefer.

Underlined Text:This is an example of underlined text .
Select the text you wish to be underlines and click the U icon on the editor. You can also click the button then type your text if you prefer.

Striked Text:This is an example of ~~striked text~~ . To create striked through text you need to type [strike]*text here*[/strike] . For example typing [strike]bowling[/strike] will produce ~~bowling~~ :smile:

Text Size:This is an example of ch ang ed t ext si ze.

In order to change the size of text you first need to click on advanced (right hand side of the editor). Then highlight the text you wish to change in size before clicking on the T with arrows next to it. This will then bring up some sizing options to make text larger or smaller. You can also click the button then type your text if you prefer.

Text Colour:This is an example of coloured text.

In order to change the colour of text you first need to click on advanced (right hand side of the editor). Then highlight the text you wish to change in size before clicking the palette. This will then bring up several colours to pick from. Just click the one you want. You can also click the button then type your text if you prefer.

YouTube Video:To insert a YouTube video you'll first want to open the video on your browser window. Select the YouTube video's url in the address bar and copy it.

Spoiler

Return to TSR and look for the video icon on the editor. Click it and a input box should appear. Paste in the video url and confirm with the insert button. The YouTube video should then appear in the post :smile:

Spoiler

Spoilers:This is an example of a spoiler.

Spoiler

Spoilers are useful when you may have several large images or long list that would otherwise make scrolling rather tiresome.

To insert a spoiler look for the face with an x as a mouth on the editor. Click on it and you should see the spoiler appear. You can then add images, text ect to the spoiler. To exit out of the spoiler click outside of it.

Lists (Bullet Points and Numbered lists):These are great for writing what your plans are for a study session or what you've been up to on brief updates :smile:

This is an example

•

Chicken

•

Chips

•

Peas

To create one of these lists, you will need to click on advanced then look for these 2 icons on the editor

. Click on the one you want and it'll automatically add them to your post. Go to a new line for the next marker or double line to exit out of the list.

Aligning text:Aligning text allows you to justify your text to the left, centre or right of a post.

This is an example of
some centred text

By default all text is aligned to the left of posts. To align text click on the advanced button. Select the text you wish to align then click on the button with 3 lines set to the left, centre or right. You can also click the button then type your text if you prefer.

Tagging:This refers to mentioning someone in a post so that they recieve a notification. For example when you create a blog update you may want to tag some members to let them know. Tags look like this: @Lemur14 . In order to tag someone type @ then their username. You should see a list of username for you to auto completed from once you've narrowed down enough from typing.

Subscript and Superscript:These little additions are helpful, quite often for the maths students out there when trying to type something as 4 ² = 16. To add these click on the advanced button. Select the text you wish to change. Then look for X ₂ or X ² . Click it and text will be transformed. You can also click the button then type your text if you prefer.

Quote Lists:If you have several members who are interested in your blog you can create a quote list which sends a notification to the user. You'd usually use these when making a new blog post so members can know when you've posted a blog update! :smile:

Make sure to only quote people who have been asked to be quoted.

The template for a quote list would be
[spoiler][noparse][spoiler][br][quote=USERNAME]x[/quote][br][quote=USERNAME]x[/quote][/spoiler]

Naturally change username to the username of the use who wishes to be included and you can add or remove people as needed :smile:

This would produce something such as

Spoiler

You could add this to the opening post of your blog then copy and paste the spoilered quote list each time you make a blog update/as necessary :woo:

(edited 4 years ago)

Reply 1

Lemur14

Volunteer Team

Other (non-TSR) features you may like to use:

Gradient text:
This is an example of gradient text.
Best reserved for titles since it can make text a little more difficult to read, but can be generated from website such as this one: https://www.stuffbydavid.com/textcolorizer. Change the settings/text as you like, then copy and paste the BBCode into your post and when posted it should look like the preview they give you

Adding text to a picture:
You may wish to add text to a picture (for example to make a nice title). There are loads of ways of doing this (eg. on a phone or similar), but one website which will do it for you is: https://picfont.com/. Take a picture, upload it and add your text. Save it, and upload as an image as explained in the post above.

Seen someone posting something cool and don't know how to do it? Ask them!