Hi! How you doing the combination in the titles? Can you do a tutorial please! Thanks!
𝗚𝗥𝗔𝗗𝗜𝗘𝗡𝗧 𝗧𝗘𝗫𝗧 𝗧𝗨𝗧𝗢𝗥𝗜𝗔𝗟 𝗙𝗢𝗥 𝗧𝗨𝗠𝗕𝗟𝗥
~ 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 :
• 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.
