![]() Now cope the code from Notepad or from the Web Page (remember if you copy from the web you will have to go through the code to add spaces and remove “ ” to ensure the code works). So you open up your post in Tumblr (note: I am using my main blog to demonstrate this also you don’t have to do this is text posts it works in photo posts as well).Ĭlick the Cog in the top right of the post, go into Text Editor and click HTML. Then click Replace All again, which should make the code look like this. The second thing we need to do is remove “ ” so we type “ ” into Find What and leave Replace With completely empty (ensure there are no spaces or anything in the box or it may stop the code working). The colors are generated with true randomness originating from atmospheric noise. So now it should look like this, and replace should still be open. So we type “color:#” into Find What and type “color: #” into Replace With and then click Replace All. This color tool generates random colors that you may want to use for your next project. Now we need to click Edit -> Replace (or ctrl+H for the shortcut).įirst we need to add a space between “color:” and “#”. Random color generator which outputs HEX code, RGB and HSL. We copy the code from the web page and paste it into notepad. We will demonstrate in Notepad because it is quicker than deleting individually. The code can now be copied and pasted (though note you don’t need the “” and “), but will not work in Tumblr in it’s current format will will need to change the code which you can either do in Tumblr itself or in Notepad. Now there is a preview of what the text should look like with the Code below. So now I have selected my colours I will type in the text into the Your Message box.Ĭlick Generate Color Faded Text, which creates the following. Or use color presets to use gradients people have used in the past. You can put in hex codes to choose specific colours. Here you can choose the colours using the color section, and the Your Message for the text you want to turn into a gradient. Text gradients are fairly easy to do once you know how, it’s just a matter of practice and it can be quite repetitive if you, like me, use them on a regular basis.įirst, you need a site that will generate the HTML code (note it MUST be HTML and not CSS because Tumblr doesn’t use CSS for posts - at least as far as I am aware). You can optionally include a recovery code in case you want to edit your bar later.I got an ask asking to to make a text gradient in Tumblr, unfortunately I did the entire tutorial in the ask and when I went to save it somehow it got deleted. Step 4: Additional text settings: Font: Size: Bold: Italic: Step 5: Preview and get code: Hello worldCOLOR TEXT GENERATOR FINGERS CROSSED IT DOESNT BREAK. You'll be able to change it like any other aspect of your theme.įeel free to use and edit this code, but please do not sell, steal, or claim credit for my work.Īny links, references, or credit to me or this page are unnecessary but appreciated! ![]() When you're done, paste the text above at the place in your theme where you want the bar to appear, and paste the text below underneath any "meta" tags in your theme code. To use a gradient background, go to this site and generate some code, then copy the result into the Color CSS text box. To use a flat background color, go to this site and find the code for the color you want, or type in a hexadecimal color code of your own. Click over from "Standard" to and copy-paste the code in the box below.ĭon't want to use Google Fonts? Any font with an URL will work! Scroll to part 3 of the page that shows up.It's an arrow in a box pointing to the right. Back on Google Fonts, hit the "Quick-use" icon on the bottom-right of the font.Put the font name in the Font Name box above. Then << Now back to tumblr> & click on the gear icon.Then click on the two colors to change them. So you just type your text into the first box. ![]() Find or search for the font of your choice. Now ignore all the code on the left and upper right of the screen.
0 Comments
Leave a Reply. |