Skip to content

instructions.md

Latest commit

 

History

History
71 lines (60 loc) · 3.68 KB

instructions.md

File metadata and controls

71 lines (60 loc) · 3.68 KB

Instructions for using TumblrTextTint

There are two ways of accessing the web app: via your computer or on a smaller mobile device. The instructions will cover both methods. Afterwards, it will show you how to insert the code to your Tumblr blog post. Unfortunately, this method can only be done on a computer or laptop since the option of seeing the HTML editor is not available on a mobile device. Without further ado, here's how to use TumblrTextTint!

Table of Contents

On The Computer


Web tutorial gif

  1. Navigate to the TumblrTextTint website at https://xiacodes.github.io/TumblrTextTint/
  2. Type or paste your desired text into the input field.
  3. Select the color you want for your text from the color picker or by entering the HEX code.
  4. Click the "Tint my text!" button.
  5. Click the "copy" button to copy the generated HTML code.
  6. Click the "reset" button to start again if you need to.

On Mobile/Tablet Devices


Moblie tutorial gif

  1. Open a web browser on your mobile or tablet device.
  2. Navigate to the TumblrTextTint website at https://xiacodes.github.io/TumblrTextTint/
  3. Type or paste your desired text into the input field.
  4. Select the color you want for your text from the color picker or by entering the HEX code.
  5. Tap the "Tint my text!" button.
  6. Tap the "copy" button to copy the generated HTML code.
  7. Tap the "reset" button to start again if you need to.

Inserting the Code to your Tumblr Blog Post


Tumblr tutorial gif

To insert the HTML code generated by TumblrTextTint into your Tumblr blog post, you will need to access the HTML editor for your post. This can only be done on a computer or laptop, as the HTML editor is not available on the mobile version of Tumblr - like I mentioned before.

  1. Log in to your Tumblr account on your computer.
  2. Create a new blog post or edit an existing one.
  3. Type or paste your desired text into the input field.
  4. Switch to the HTML editor by clicking on the "HTML" button at the top right of the post editor.
  5. Paste the generated HTML code for the span tag with the style attribute that sets the color of your text into the HTML editor.
  6. Switch back to the rich text editor to view and edit your post as usual!

With these instructions, you can use TumblrTextTint to format your Tumblr blog posts with custom colors for your text!

Note: Make sure that the HEX code you enter is the correct value for your desired colour. When in doubt, use the colour picker!