Side bar for Tumblr – How to customize the Tumblr sidebar

What is the Tumblr Sidebar?
Most Tumblr blog features a column on the right side featuring a bar that consists of customized information. The sidebar remains intact during each consecutive viewing of a blog’s page. The information does not change as viewers scroll up and down entries. The default side bar of Tumblr includes a search box, previous blog posts, blogs followed, and short bios of the blogger. However, each Tumblr side bar can be customized to fit the purpose of one’s blog. All that needs to be done is a little HTML coding to make each Tumblr sidebar unique.
Side bar of Tumblr

Why should one customize their Tumblr Sidebar?

A customized sidebar on Tumblr shows readers that the blogger knows how to handle a web page. It also is a great way for blogs to stand out and differentiate from each other in the ubiquitous blogging platform found on Tumblr. Customizing the sidebar can allow blogs the chance to include pertinent information such as important events, photos, Twitter feed, pictures and more. If a blog has won awards or is featured in a certain blog ring, then coding can be inserted into the sidebar to make images and widgets appear. For those who do not know, a widget is a special section of a website or sidebar that features information from a third party such as Facebook or Twitter. Using special additions like these can create a professional-looking sidebar that will give readers access to more material about or by the blogger.

How does one customize their Tumblr Sidebar?

First off, one can actually customize simple settings for the Tumble sidebar on the “Settings” page of the blog. Things can also be changed on the “customize appearance” section of the blog. For example, a picture can be uploaded simply by clicking the “portrait photo” under settings. There is also a section called the “Let People Ask Questions.” This link allows followers instant contact with the blogger thanks to a box in the sidebar. This lets viewers ask the blogger questions, or air concerns about material they may have seen on the blog.

In order to customize the appearance of the sidebar, then you will need to find a button of the same name in the settings section of your blog. There you can choose various themes for the sidebar. Each theme is a slight variation of the next. Others offer more information, while some may allow more photos to be uploaded. One should choose the best theme that will display everything a viewer should know about the blog’s content and the writer.

However, a little basic coding will be needed in order to customize the sidebar by one’s self. HTML is not hard to learn once you understand the basic concept and pattern. Many widgets or added components of a blog’s sidebar already have the coding written. It is just a matter of the blogger copying and pasting the information where they want it to appear on the code page.

In order to add one’s own coding, then visit the “description” area on the menu bar. Here, one can add extra images, outgoing links, or blog awards with specialized coding by clicking on the “edit HTML” link. Any code that is listed as the following should be deleted if one does not want certain material in the sidebar: “{lang:X}” (minus the double quotation marks). X stands for anything that the code inputs such as a link or a particular button. Delete the code to delete the content.

Adding a Link to your Sidebar

One of the easiest coding solutions is adding a link to a Tumblr side bar. First, once in the customize settings section of the back-end of your Tumblog, click on “Edit HTML”. Not every theme is identical, but most themes will have the sidebar section labeled, so do a CTRL+F to bring up a search box to find “sidebar” in the HTML code. Now, after the starting
“div” statement use the following code to insert as many links as you want:

<a href=”YourLink”>LinkName</a>

YourLink = where you want to link, for example: “http://google.com”
LinkName = what text, anchor text, you want to be clicked: a link to Google

so,

<a href=”http://google.com”>a link to Google</a>

will produce a link, or hyperlink, to appear in your sidebar following the specifics you provide, namely that you will have text “a link to Google” that if someone clicks, will take them to the link “http://google.com”.

Voila! It is that simple. This is a great way for blogs to reference friends or similar bloggers.

Customizing Themes

Customizing the theme of the sidebar can be a little more complicated, and one might prefer a premium Tumblr theme. One really needs to know proper HTML coding in order for it to work well. However, there are websites that offer sample coding that can easily be tweaked. Learn simple HTML coding for font and color by reading tutorials. This will make any Tumblr sidebar look more personalized and complex. These simple changes can also make a blog look more professional. There are many types of blogs on Tumblr. Many people use it to post funny images. However, a good portion of people also use it for their business. Customize accordingly.

Reference Links

The following links can be used as reference points or inspiration for when you decide to start customizing your blog. Just remember to keep things simple on the sidebar because one that is crowded with too much stuff can overwhelm the actual content on the page. Stay away from too many adds or links. The best content found on a Tumblr side bar offers the best pictures, a short bio, a Twitter feed, and links to past blogs. Anything more than that can be too much. However, thanks to learning special coding, one can customize a Tumblr side bar however one wants.

http://smallbusiness.chron.com/change-tumblr-sidebar-31816.html/

http://tumblring.net/how-to-insert-links-in-your-tumblr-sidebar/

http://tumblring.net/change-and-create-a-tumblr-customized-dashboard-background/