#tumblr tutorial

[cowsabungus]

A guide to designing wheelchair using characters!

I hope this helps anyone who's trying to design their oc using a wheelchair, it's not a complete guide but I tried my best! deffo do more research if you're writing them as a character

[skulandcrossbones]

GUIDE TO SPOTTING STOLEN GIFS

gifmakers on tumblr put a lot of effort into their gifs, and understandably get quite annoyed when someone steals them and reposts them without credit. it's especially frustrating when the stolen gifs get a ton of notes. we look at it and we go wtf how did this get so many notes when it's all stolen????

then i realised the average tumblr user, especially if they're new, or they've never created gifs or posted anything, or they don't understand how tumblr even works... well how are they gonna know?

this post will cover some of the most obvious signs that a gifset is stolen, including:

gif sizing + placement

gifset colouring, sharpening and style

the tags of the poster

if this post is helpful to you, please reblog to spread awareness!

1. gifset sizing

when a gifmaker is making a gifset, they Generally will make all of the gifs the same size. by "size" i mean dimensions in pixels. all the gifs will generally be uniform in size, and laid out intentionally to fit tumblr's recommended dimensions.

here is an example of one of my gifsets with uniform dimensions:

all of the gifs are the same size, laid out correctly for the recommended dimensions, and are fully visible with no cut-offs, blurriness, etc.

many times when a gifset is stolen, it'll be made up of a random assortment of gifs, stolen from multiple gifsets. the gifs might be all different sizes, and not laid out correctly, with parts cut off at the top or bottom. they might be blurry, compressed or just not "look" right.

here is an example of a gifset with inconsistent dimensions:

now, i used inspect element to see the dimensions, but how can you spot a incorrectly sized gif or inconsistently sized gifset at a glance if you're on mobile?

well, see that gif of sam? see how it's cut off mid-forehead, and just under his collar?

well, when you click on the gif and view it in its entirety, you can see that parts of the gif were cut off by the incorrect placement of a 540px gif in a 268px layout:

generally speaking, a gifmaker is not going to make a 540px gif and then put it side by side with another gif. gifset placement is not accidental. gifmakers know and use the recommended dimensions to ensure their gifsets are high quality and viewed on the dashboard the way they intended.

this is sign #1 that these gifs were not made by the person who posted them.

2. colouring and subtitles

gifmakers will generally try to make all of their gifs similar in colouring, sharpening and style. gifs will be (to the best of our abilities) similar in brightness, vibrance, tone and sharpness. basically, they will be visually consistent.

a stolen gifset will not. for example:

aside from the inconsistent sizing, these gifs are all sharpened and coloured in vastly different ways. this is admittedly something a gifmaker is more likely to notice, given our experience, but anyone can take a second to just look and see if the gifs look like they were all made by the same person. if they don't, it's likely a stolen gifset.

sidenote: subtitles are also another tell. i generally use the same font, font size, boldness, subtitle colour etc across all of my individual gifs and in all of my gifsets. if one gif has yellow subtitles in arial font, and the other has white subtitles in times new roman, chances are those are stolen gifs.

3. the tags of the poster

this is probably the FASTEST and EASIEST way to tell if a gifset is stolen, and requires some understanding of what tags are and why we use them on tumblr. here is a brief guide for tagging if you need one!

what you need to know is this:

gifmakers often use [media]edit tags to make it easier for people to find their gifsets in a sea of xreader fanfic and text posts, as well as user[tags] to increase reach

gifmakers will usually have a tag specifically for their gifsets (mine is #originals, some people use a #*, some people use their name like #[name]gifs or #mygifs). the purpose of that tag is to make it easy to find the gifsets we've made on our blogs

here is an example of a genuine gifmaker's tags:

people who steal gifs generally aren't aware of the tagging conventions gifmakers use to catalogue their gifs & increase reach, so they won't include them. they might even say outright that the gifs are stolen.

some examples of stolen gifset tags:

this one isn't an exact science. a lot of newer gifmakers aren't aware of the [media]edit tags, or other well-established tagging conventions, and sometimes gifmakers don't have a unique gifmaker tag. HOWEVER, most do and, when paired with looking at the sizing, colouring, sharpening and overall consistency of the gifs, this is usually a good way to sus out if a gifset you aren't sure about is stolen/reposted.

that's it! i hope this was helpful, and that you are better equipped now to figure out if a gifset was actually made by the person posting it!

if this was helpful to you in any way PLEASE reblog, so more people can learn how to pick a genuine gifset from a stolen one. plus i spent a lot of time on this and i would appreciate it okay thanks byeeee

[zaldrizotl]

GRADIENT TEXT TUTORIAL

HOW TO GET OMBRÉ STYLED TEXT ON TUMBLR

𝜗℘ I got a request on TikTok asking to do a tutorial on gradient text — tumblr doesn’t have an in-app option on doing gradient texts. This is how.

𝜗℘ Sites you can use: image color picker / stuffbydavid (gradient text).

𝜗℘ People say that you have to use a computer for this, which isn’t true. I am able to make gradient text on my phone, but you can use a computer if you want.

color picking from an image is optional, but highly recommended.

one: put the text you want to color for your tumblr post.

two: change the color of the text to whatever color you want. there are several options on how you want it. pick whatever option you want. the text will automatically generate for you.

three: copy the entire code then press “copy”.

four: go over to tumblr (website, not the app) and click “edit post” (the pencil) or create a new post.

five: click the settings button and change it from “rich text” to “HTML.”

six: paste the code from the gradient text website in the HTML where you want it to go. (I paste it then just save the post to my drafts then edit the text on the app)

[what-is-love-babey-dont-hurt-me]

literally how are you doing the gradient text thing. i need to know.

✨ Snappy's Gradient Text Tutorial

You might have seen me use gradient text in a few of my artworks, and it is a great tool to make a posts tand out! I learned from this post, but find some of the information outdated, so I am making a tutorial of my own!

To my knowledge, this is only possible via desktop mode* (mobile method at end), but not the app, as access to the HTML function is necessary. Alongside that, you need access to a text color fader! There's a few options out there, but I use:

Patorjik's Text Color Fader

Let's get to the tutorial!

Have the text you want to turn into a gradient ready and copy it to your clipboard.

2. Open the text color fader and paste your text into the box labeled "your message".

3. For the most basic gradients, you may ignore the boxes on the right. The leftmost boxes allow you to choose between preset colors or making your own colors.

Tip: if you are making a gradient for something such as art, I reccoment grabbing a few hex codes from the image to use for your gradient. This allows you to have control over your colors. You may also save a pallet if you want to use it again

4. When you are happy with your colors, generate your text.

5. You will be brought to this page. If you are happy with the colors, click "select all" and copy the HTML to your clipboard.

TIP: check your text against both a dark and light background to ensure it will be readable to viewers on dark and light mode. If it is not you can tweak the colors by choosing "create new fade".

6. Open Tumblr again and open your post. At the top right there is a grear icon. Click the icon and scroll down to the text editor. Change the setting from "rich text" to "HTML"

7. When you move to HTML, your post will look very different! In the HTML, your goal is to find the text you want to replace in the code.

TIP: If you can't find it, use "Ctrl + F" to open the keword search function and it will highlight your word.

8. Highlight your plain text, right click it, and paste your HTML from Patorjik into the space.

TIP: The HTML is a confusing mess to look at. Click the "preview" tab to check if your code worked

9. You should see a gradient when you swicth modes!

If the HTML broke your formatting, you can edit it in the preview mode. Once you have done a gradient a couple of times this process is very easy and takes LESS than two minutes. It looks intimidating but after you get the hang it is very achievable! I believe in you guys being able to do it. Happy gradient texting for you guys!

*EDIT: It is possible via mobile through the method of entering your account on a web browser and putting it on computer mode, then following the same process. Reportedly it is less comfortable but it works, thank you to chocokeyboard for letting me know!

[ananeuvii]

TUMBLR TUTORIAL !! ft. dahlia and venti

゛( mobile only ) ⸝⸝.ᐟ⋆

" me and venti here are going to teach you the basics to being a writer on tumblr ! "

" apologies in advance if there's anything too vague windblume , and feel free to ask any question you want answered in the comments !"

STEP ONE: how to make your posts look pretty !

" keep in mind , no matter how pretty your post is , the content itself is the most important ! "

" though a pretty piece of content is more likely to attract readers ~ "

𑣲 making your writing have this gray line before it:

like this !

is simple! once you have your paragraph/line written, select it all. then press the 'Aa' button, and select 'indented' !

same goes for if you want it to look like:

this !

just press 'bulleted' instead !

𑣲 how to change size of your writing

select the paragraph you wish to edit—

" note , tumblr only let's you edit one paragraph at a time ! ..it's a long process , unfortunately , hence why most people keep it the regular size ! "

and once it's selected (as in highlighted), there should be a button that looks like <s> . tap it, and you have the size i'm using! otherwise, again just pressing the 'Aa' button should give you the option to make your writing bigger.

the others look like:

<s> = current one/one i'm using for this post.

'regular' = tumblr's default.

'bigger' = ..well, bigger.

and 'biggest' !

STEP TWO: decorate !

" want pretty symbols ? "

" like these : 𑣲 , ✰ , ✦ , ✮ , ⤿ , » , ⟢ , 𖹭 , ᛝ ? "

the writer who made this blog uses a website called 'emojidb'. it's free, and is simple as copy + paste!

𑣲 how do i change the colour of my text from the default ones ?

it's not a three second process, but thankfully, there's a few tutorials around tumblr! however, i would definitely look here at @scaraobsession 's tutorial. link here!

" aaaaaand speaking of links ! "

STEP THREE: the content !

first, select the word you want to attach the link to. it can be a whole line, or just a few words!

" when making a masterlist , this'll be how you link each of your posts to a single post ! "

" and note , before you link — say a piece called 'venlia hcs' to a separate piece like your masterlist , make sure you have the link to that post copied to your clipboard ! "

" — to copy a post on tumblr to your clipboard, press the three dots above your public post, and there should be an option to copy link ! "

once highlighted, you should see the link symbol at the end. unfortunately, i can't find a matching symbol, but it should look reminiscent of a chain?

once prompted, copy and paste the link of the post you want linked, and tadaaa!

QUESTIONARE:

" just in case we didn't cover something you want answered , feel free to sent your question in an ask or comment , and we'll answer to the best of our ability ! and specify whether you want it known you sent it , or if you'd just prefer it to be in the next part where we answer all the questions anonymously — "

" just in case you're embarrassed , ehe . but hey , just remember , we're not here to judge , just answer ! "

" but if someone asks something that's already been answered , me and venven will be talking about it over wine . "

[uzmacchiato]

Hi! How you doing the combination in the titles? Can you do a tutorial please! Thanks!

𝗚𝗥𝗔𝗗𝗜𝗘𝗡𝗧 𝗧𝗘𝗫𝗧 𝗧𝗨𝗧𝗢𝗥𝗜𝗔𝗟 𝗙𝗢𝗥 𝗧𝗨𝗠𝗕𝗟𝗥

Hello @elvisbdoll 🫶🏻

~ Firstly, I'll share the link from where I learnt to do that. It is explained in a very easy and short way here.

~ You need to use Tumblr web on your phone or laptop for this idk why it doesn't work on the app.

~ I'll also explain below in my own detailed way, hoping that this becomes easy for anyone who follows my posts and wants to know how I do it😁

• Website for the Gradient Text :

PATORJK.COM

• Detailed process of how I use customised gradient text on Tumblr :

( Pay attention to the colors that I have used in the steps as well as the screenshots to understand better. The markings on the photos are to make it easier to spot what I'm talking about. )

.

1. Create a post on Tumblr by writing the text you want to make a gradient of and save it as a draft. [Saving a draft helps you in not losing your work while doing all this 🥲]

In that draft → Go to the Settings wheel and in the Text Editor section select HTML which is required by Tumblr to read a coded* text.

* ( The colors of the Gradient text are basically coded into text on the Website I shared above. Hence, changing into the HTML type here will help Tumblr recognise that coded text and turn it into a normal Gradient colored text. )

2. You will see a coded version of the text you wrote which is encoded between <h1>...your text...</h1> for my text in the photo below. You can toggle between HTML & Preview to see the coded and uncoded(normal) version of the text. Now, COPY the normal version of the text from the Preview mode that you want to turn into gradient.

3. Visit the WEBSITE in the link I've shared above.

.

A: is the part where you PASTE the text you just copied and want to change into a Gradient.

B: is the NUMBER OF COLORS you want to use in the gradient.

C: is the part where you put the COLOR CODES (HEX/RGB) or just swipe to get the desired color from the color wheel.

4. I pasted the TEXT in the text box and made the changes that I need to do to get the gradient. I used 4 colors and put the Hex codes for the Teal and Beige colors. Once you're done click on "Generate Color Faded Text".

{There are more options like Horizontal Gradient/Vertical Gradient/One color for each line/Horizontal Gradient for each line/Random color generator,etc. You can also save a color combination you made by clicking on Save Local. But these are options which you can use after you've gotten used to it.}

5. On the next page you'll get to see a PREVIEW of the text and the CODED TEXT in the box below. Click on SELECT ALL and COPY the coded text.

[ If you want to make any changes you can go back by clicking on "Create a new fade" and you will be taken back to edit the current gradient. Nothing will be reset, even if it says New Fade you can make changes to the existing one by going back. ]

6. Go to the draft and DELETE the existing text to avoid mixing the coded text with it. Stay on the HTML mode rather than Preview mode.

PASTE the coded text while you're on the HTML mode of the draft (the codes are really long depending on the number of colors and length of the text)

After pasting in HTML mode click on PREVIEW and you're DONE ! Ta - Da !! Just like magic 😜✨

Other than that you can edit the text style after pasting here into the basic styles provided by Tumblr — bold, italic, Chat, Intended, etc. Also this gradient doesn't work for fonts outside from Tumblr but you can use just 1 custom color for fonts like that.

Final Result : How to make Gradient Text on Tumblr ?

I hope this was helpful😭 I love editing the text and making it match my dividers, so this is magic for me. You can DM me if you need any more help understanding this.

Thank You❤️

[rasazys-ramblings]

How To Color Your Text On Tumblr

With images / videos and Tsukasa as my assistant, because I've been asked this MANY times, but I have no idea how to explain it and keep it short.

While Tumblr has preset colors that you can use on both the website and mobile, sometimes you want to use other colors or make it more colorful, and this is how I did it (before I learned HTML). As far as I know, this can only be done on the Tumblr website. However, my mobile Tumblr app is VERY outdated, so correct me if I'm wrong.

For those unfamiliar with HTML, I recommend coloring your text before adding anything else (images, videos, links, etc.), as it can look like an absolute trainwreck for those who have no idea what they're doing. If you know how HTML works, cool! Just follow the first step to switch to HTML, then go wild.

Things You Probably Want:

Tumblr This site (You could also use this site, but you're on your own with this one) Color hex(es) (If you don't know what you want, both sites I provided have a built-in color picker for you to mess with)

Step 1: Switching to HTML

When making a post, click the settings icon in the top right. Find Text Editor and switch to HTML.

Step 2: Colorizing the text

The site I provided should look something like this:

Now mess around! Horizontal gradient should give you something like this, middle gradient, three color gradient, solid color seems self-explanatory, random colors randomizes the colors of your text (you can randomize word by word or letter by letter), and the gay option.

Ignore everything under "Additional text settings", as Tumblr only allows you to use the default font / preset sizes and restricts the code for bold and italics.

Go crazy, but not too crazy. Each block of your Tumblr post has a 4096-character limit, and the code for your HTML counts towards that.

Step 3: Slapping The Text On Tumblr

So now you have everything set up. Copy everything in "HTML code for this text", NOT the BBcode. That's for something else.

Now paste it into Tumblr. It'll look like a semi-organized mess, but just switch to preview and boom (Ignore the red underline, it's Grammarly being annoying)

Congratulations! Your text has been custom colored. You can continue to edit your text from here without having to bounce between HTML and Rich text

But I don't want to do this every time!

If you make incorrect quotes like me, coloring the text every time like this would, indeed, be very annoying. If you have already used the same format in another post, there are two ways you could do this:

1. Copy and paste the rich text.

This is how I usually do it. If you do it this way, make sure you paste with Ctrl + V / Right Click + Paste, NOT Ctrl + Shift + V / Right Click + Paste as plain text. The first keeps the formatting, the second does not.

2. Copy and paste the HTML.

Note that you MUST be able to edit the post to do both methods. You cannot directly copy the colors from others' posts without using the web developer tools, but you're not here for that.

This is probably way longer than it needs to be but I suck at explaining things briefly oops If anyone has any questions, feel free to ask :)

The Tsukasa cursor I use is official. You can download it here. They have the other unit leaders and all six Mikus.