#blockquote tutorial

[northrps-blog]

this makes like no sense lol but how do you get the little line thing when you upload a gif? like there's "Here's your shoutout" and a small gray line to the left and then a gif below the line and i was wondering how you make it show up bc it looks rly cool idk i have like ocd

Sure! Check under the readmore for a tutorial I made just for you. Sorry for no pictures tumblr is being difficult!

1. For this example I will be doing this on an ask for a shoutout but you can use this on text posts as well. Open up the ask as if typing a normal reply.

2. Notice the grey bar write below the ask with a bunch of buttons. What you want to do is locate the button that looks like a line beside an arrow pointing to the right. It is the second to last button. Press that, the 'blockquote' button and ta da you have your text on blockquote.

3. Press enter then the blockquote again. Now upload your gif! I hope that helped. If you need more clarification just let me know.

[sherlokicks]

yoo so i saw your block quote tutorial thingy and i'd like to ask whether you know how to, uhm, kinda have the blockquote background darker on the post? im sorry for the bad explanation i hope you understood what i meant uÛ

Hi!

I think I got the hang of what you’re trying to get at, but I’m sorry that my personal code wizardry skills don’t yet reach that level. I hope that you’ll find someone who can advise you further on it. The best of luck!

[sherlokicks]

Blockquote tutorial (+how to make text on your post smaller)

Tutorial requested by a-new-one

Okay. You're wanting to make an amazing photo edit and you don't want to print the text on the photo, but to add it below the photo and still make the text look pretty, and not as clumsy as tumblr's default setting is? Do you want to make a pretty text post with blockquote? 

Here's what you need to do: 

  Step 1

Download the photo on tumblr.

(If you're making a text post, jump to step 2)

Step 2

Write to the text field what ever it is you want to. 

Click the HTML button and it should look like this.

Step 3

Add to the the beginning <blockquote> and to the end </blockquote> (Don't forget the slash)

Now click the HTML button again and it should look like this:

And voilá, you have successfully added blockquote to your post!

Now you just click 'publish' if you think you're ready. 

Optional step 4 to make the text smaller

If you want to go even deeper and make the text smaller, it's just as easy: 

Add _{right after <p> and} right before </p>

(Those are the exact places and if you have other codes like bolds or italics there and you add the size code between them and the text instead of between the <p> and </p> and the other codes, it won't work.) 

Now it should look like this:

If your outcome didn't look like it was supposed to, check your codes through, because it's quite common to make small spelling mistakes that hold the whole thing from working the way you'd want to. 

Okay, your post is ready to be published now that you have successfully made it a little prettier!

Conratulations!

If you have other questions just ask me, and I will help the best I can.