diff --git a/instructions/instructions.md b/instructions/instructions.md index 99754fc..17ddd1e 100644 --- a/instructions/instructions.md +++ b/instructions/instructions.md @@ -2,7 +2,7 @@ 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 rich HTML editor is not available on a mobile device. Without further ado, here's how to use 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. @@ -26,12 +28,14 @@
  4. 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. @@ -42,13 +46,15 @@
  4. Tap the "reset" button to start again if you need to.
-------- +---

Inserting the Code to your Tumblr Blog Post

-

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

+
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. @@ -58,9 +64,7 @@
  4. 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! diff --git a/instructions/mobile-tutorial.gif b/instructions/mobile-tutorial.gif new file mode 100644 index 0000000..e85503b Binary files /dev/null and b/instructions/mobile-tutorial.gif differ diff --git a/instructions/tumblr-tutorial.gif b/instructions/tumblr-tutorial.gif new file mode 100644 index 0000000..51e71c3 Binary files /dev/null and b/instructions/tumblr-tutorial.gif differ