How to Post Source Code on Tumblr

Next Video:
Starting Up Apache & MySQL....5

Posting source code on Tumblr is something you can do in an HTML code editor. Post source code on Tumblr with help from a graphic designer and Web developer in this free video clip.

Part of the Video Series: Web Coding Made Easy
Promoted By Zergnet


Video Transcript

Hello, my name is David Summons, I'm the creative director here at Graceroot Design, based here is Dallas, Texas. And today, we're going to be talking about how to edit the HTML source code of your Tumblr Blog Post. Now, Tumblr is actually a socially driven Blog Post platform. It's open, free to the public and many choose it over the alternatives that are self hosted. What you're going to do, you're going to open up your chosen browser, and go to And using your log-in credentials that you setup during registration, you're going to log-in. Once you're logged in, you should see your dashboard interface. On the right side bar, you should see a listing of all the Blogs that you have and more specifically, the post. You're going to select the Post option, which should bring you to a section where all of the post that you made to date, are created today, will be shown. You're just going to simply select the post that you want to edit. The Edit prompt is going to be located on the top right corner of the Blog Post. And it will actually bring you to what's called the Visual Text Editor, it's a WYSIWYG interface. Now, here you can actually, visually see what's being displayed on the Blog. Now, in the top tool bar, located right here, the last option to your right, will be HTML. You're going to select that, and it's going to bring up a Window display in the HTML Source Editor. Here you'll find all of the HTML that is located in the Blog Post that you're editing at this particular time. Now, it's important when you're editing HTML, to remember that your tags need to have open and correspondingly close matching tags. So, when you're editing the HTML, make sure that your paragraph tags have an equally open and close tag, as well as your headers, and so on and so on. Let's go ahead and of a little bit of HTML editing here. We're going to create a new header within the post itself. Now, you can cut and paste any code that you need, you can also, as I'm showing you here, you can actually write the code. It just depends on what your goals are for the moment. We're just going to create a quick header tag here. Again, making sure that we have corresponding opening and closing tags. And once we're done, we're going to simply hit the update button here, and that's actually going to update the information that we just wrote within that HTML Source Editor. Simply hit Save here, and it will automatically take you back to view the Post that you just edited within the Tumblr dashboard. Once again, my name is David Summons, creative director here at Graceroot Design. And today, we talked about how to edit the HTML source code of your Tumblr Blog Post.


Related Searches

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!