Gradient tutorial love ?
i got you! so you want your font to look like this to look like this!
(btw this is how i do it; if u dont like it sorry it worked for me :)
also i do alllll this on computer or laptop but never mobile i dont think u can but i show u on computer
alright so first step is i type out everything first. put it in big, small, italics, whatever you want. but i first type it out.
then once i type it out i copy what text i want from what i typed. so for this example we are going to be using marry had a little lamb. so i copy that and i use two websites. to find my code for color i use this website. (you dont nesscarily need to use this website it just helps me find the correct code of color i want.)
BBcode and HTML text effect generator. Create rainbow text effects and more for your blog or forum.
so we are going to be doing pink and green for this example.
see so i just use the step 3 part to find my colors and u can use and do any color and mix match whatever u want go crazy.
then when you have ur codes you see there in this case its pink=FF69E1 and the green =00FF2A. so now we go to another website.
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
this website is going to actually give you the link/code to put for ur tumblr. so we wanna take the codes we made of our colors and put them where it says first and last in the code. (remeber for the codes to work that hashtag must stay there)
so you put your codes in and then you click in the top left corner the button that says run.
on the mid bottom right side there u see our two colors. the pink and green, what we want. now you put your text in the top box there next to the colors.
once you put your text, you click the button run next to the colors there and on the bottom box under your text you will get a link code.
now you want to copy that code link and go to your tumblr post. when you go to your draft or post go to the top right corner of your draft to a settings symbol.
once you click the box that says rich text its gonna say HTML click that and its gonna look really confusing i know. but if you look close enough you will see your text in there.
so you want to put that code link we copied and you're gonna post it behind your text.
once you do that you want to erase the marry had a little lamb in this case or your text and just leave it to look like <p><span.....and your whole link. once you do that check it thru changing your post from HTML to rich text again.
and it should look a little something like this
marry had a little lamb
now for small text or any text its the same thing so small marry had a little lamb you will do the same thing except leave the word small because thats what makes the text small.
marry had a little lamb
i hope this helped you nonnie and if you ever need help more w this or anything else pls dont hesitate to ask me thru inbox or dm personally i will gladly help! i hope this helps and i know ur blog will look amazing!















