I did indeed!  Hang on, let me dig up the HTML for you.

Here we go.  I went into ‘Edit HTML’ and went down to <div id=”sidebar”>, which designates the beginning of the sidebar.  In there, you’ll probably find some existing HTML for stuff like your “About” section, “Ask me anything,” stuff like that.  In addition, I added the following sections: (cut for length)

[[MORE]]

<h3>My Fic</h3>

<div class=”widget”>
<p><a href=”http://prettyarbitrary.tumblr.com/tagged/my fic”>My fic on Tumblr</a><br >
<a href=”http://arbitrary_fic.livejournal.com”>My fic on Livejournal</a><br >
<a href=”http://archiveofourown.org/users/PrettyArbitrary”>My fic on AO3</a></p>
<p><a href=”http://prettyarbitrary.tumblr.com/post/25350917362/now-taking-prompts-for-porny-goodness”>Give me writing prompts!</a><br >
</p>
</div>

<h3>My Stuff</h3>
<div class=”widget”>
<p><a href=”http://prettyarbitrary.tumblr.com/tagged/my art”>My art on Tumblr</a><br >
<a href=”http://prettyarbitrary.tumblr.com/tagged/reference”>Writing Reference Posts</a><br >
<a href=”http://prettyarbitrary.tumblr.com/tagged/art reference”>Art Reference Posts</a><br >
</p>
</div>

<h3>IRC Chat</h3>
<div class=”widget”>
<p><a href=”http://cbe002.chat.mibbit.com/?channel=%23innercircle&server=irc.fdfnet.net”>#innercircle Writing and Fandom Chat</a></br >
</p>
</div>

<h3>My Tags</h3>
<div class=”widget”>
<p><div id=”tagCloud”></div><script type=”text/javascript” src=”http://post-theory.com/public/tagcloud/prettyarbitrary?sort=alphabetical&case=lower&sep=%2C” async=”async”></script></p>
</div>

‘My Tags’ is the code generated by that Tumblr tagcloud generator I linked somebody else to, which can be found here: http://post-theory.com/tumblr-tag-cloud-javascript

To break those down:

<h3></h3> — this is the element that goes around the title you want displayed for that section in the sidebar.  The styling should already be applied by other code that exists in your template.

<div class=”widget”> — this element tells Tumblr that it’s the same type of thing as the “About” section, etc.  Among other things, it applies styling that has already been created elsewhere.

<p>whatever stuff you put in here</p> — the content of the section, which goes between opening and closing brackets that represent the ‘paragraph’ element.

</div> — closing bracket for the ‘widget’ div.

Other code you’ll see in mine includes:

<a href=”http://urlgoeshere”>words you want displayed go here</a> — this is the HTML to create a URL link.

<br > — this is a linebreak

It’s possible that in the Tumblr theme you picked, the elements could be a bit different from these (for example, instead of <h3> it might use <h2> or <strong>).  In order to make your new additions match up, study the code under the <div id=”sidebar”> to see, and then match what you put in with what is used for other sections there.

Leave a Reply

Your email address will not be published. Required fields are marked *