ActiveRain - Sidebar Content

By
Education & Training with Tech Training for You!
http://actvra.in/KB

In your ActiveRain blog, there are quite a few customizable elements that you have control over. It is like moving into a house though, there are so many things on your "to-do" list that you start with "first-things-first" and then eventually you get to the other things. So in AR, you probably start right away with your profile page. Perhaps you pick a background color or image for your blog. Eventually, you create a nice looking header graphic. Finally you start noticing "everyone else" has little widgets and gadgets and gizmos over there on the right hand side in what is called the sidebar. You say, hey! I want that too! This post is for you when you are ready for that step.

The sidebar starts at the top with your portrait and basic contact information. Underneath that is the all-important subscribe button. The next area of the sidebar (from the subscribe button down to the links area) is all yours to do as you please!

When you go to your "My Home" dashboard screen. On the left you will see the "Settings" menu. Go there and notice that there are four main boxes that you can fill in (Blog Title, Blog Description, Blog Description/Text Version, Signature). What you put into the "Blog Description" box is what shows up in your sidebar. You can simply type in some descriptive text (in plain text mode) about you and that is good thing to do for starters. However, in order to do badges, widgets, and gizmos you are going to have to paste in little snippets of HTML code.

Before I go into the HTML stuff, let me stop and mention the Blog Description (text version) box. What you want to write in there is what you want Google to know about your blog. This information is set in a backend meta tag "description" and so is not visible. However, take a little time and write a few lines of google-centric targeting about what your blog is about and keep in mind keywords for how you would like to be found.

OK - now lets move on to the visible part. The side bar gives you an effective area of 218 pixels. If you exceed that, it will overflow the edge and look not so nice. So when you go out and get code for widgets, try and pick the version that is that size or smaller (widgets usually give you options for size variations). In this post I'm not going to list all the widgets out there but some examples are Facebook, Twitter, Realbird, YouTube, etc, etc) As you browse others' blogs, you will get the idea of ones that are nice and you also want to get. The basic concept is... a widget is a preset block of HTML code that you copy/paste into your blog. You don't have to understand the code, just copy it and use it. If you have multiple widgets, you will have to understand just elementary HTML to see where one widget ends and the other starts. That way when you want to cleanup your sidebar (e.g. change the order of widgets or remove one) you will know where to start and end your editing at. You might at this point get the sense for this is not for the faint-hearted so if that is you, simply stick with this box as plain text - just write out the words that you want to describe you and your blog.

Finally, in this post, I want to share how to add to the sidebar a badge or graphic of some sort that is also a hyperlink to something. Let's take for example my twitter bird graphic that launches you to my twitter page.

You need to generate HTML code on your own that you can paste into the sidebar. This is one simple way to do that. Start a new TEST post in draft mode. In that post, upload and insert your graphic and attach a hyperlink just as you are familiar doing when you write blog articles. Save the post (in draft mode of course, otherwise people are going to say what is that??) Note: you need to save the post to switch between normal and HTML views without losing your edits. Also you want make sure that the graphic you uploaded becomes permanently saved on the AR servers.

Now go back and edit the post and click over into the HTML view. Highlight the HTML code that begins with the tag and everything between that and the ending tag -- you will see the tag reference in the middle of all that. Copy that code to your clipboard and then head over to your settings page and paste it in. Voila!

HTML code is not difficult when you understand a few basic principles. I'm going to save HTML instruction for other posts, but if you already know the basics you should be fine. I would recommend that when you are modifying your sidebar with new stuff, you may want to select all and save the text somewhere in case you get all tangled up and need to "restore previous" :)

My final recommendation for the sidebar is do not go overboard picking every widget known to mankind there. This is only distracting. Find a few select ones that are truly useful and ones that a consumer who finds your blog might appreciate!

Posted by

About the
Author
  is a Technology Manager residing in NYC who specializes in applied technologies in the fields of Architecture and Real Estate. Craig focuses on finding the best uses of tech as can be used to help a business be more successful. He is keen on always seeing the perspective and viewpoint of his audience and he tailors his teaching to be easily understood. Visit my "Recent Posts" page to see a listing of all that is new in case you missed anything!

if you enjoy subscribe subscribe


Would you like to be a sponsor of Craig's Classroom productions?
It is now possible! Please check out my
 sponsorship page for more information.

           

close

Re-Bloggged 3 times:

Re-Blogged By Re-Blogged At
  1. Bill Burchard 04/10/2011 10:22 AM
  2. Joe Jackson 02/09/2012 03:15 AM
  3. Wallace S. Gibson, CPM 02/09/2012 06:28 AM
Spam prevention

Accessibility option: listen to a question and answer it!

To submit the form,
drag the leaf to the circle on the side.

Type below the answer to what you hear. Numbers or words, lowercase:

Topic:
ActiveRain Community
Groups:
Active Rain Newbies
Addicted to Active Rain
BananaTude
HELP/FAQ (Read 'Purpose Statement' Carefully!)
The Ninety-ninth Percentile
Tags:
activerain
sidebar
widgets
html

Comments 114 New Comment

Anonymous
Post a Comment
Spam prevention

Accessibility option: listen to a question and answer it!

To submit the form,
drag the woman to the circle on the side.

Type below the answer to what you hear. Numbers or words, lowercase:

Ambassador
1,041,731
Michelle Carr-Crowe Just Call 408-252-8900 Luxury Homes in Top Silicon Valley Schools-San Jose, Cupertino, Saratoga & Palo Alto
Family Helping Families Buy & Sell Homes 40+ Years
Just Call 408-252-8900 Lynbrook Homes Cupertino KW

OK, I tried one and just lost all my archives, links and blog stats-can you help me?

July 09, 2011 12:39 AM
Rainer
15,061
Tina Marinelli
Hughes & J.C. Murphy Real Estate, LLP

Thank you for sharing this, I just demystified the process.  A little trial and error and I can find useful

tools for my sidebar.  Thanks again

January 29, 2012 02:01 PM
Rainer
15,061
Tina Marinelli
Hughes & J.C. Murphy Real Estate, LLP

Thank you this is very helpful, I find it easier to understand with the graphics explaining it,  I am also grateful to know about the bookmark tool at the end of each blog post.  I am going to continue working on this.  

January 29, 2012 08:51 PM
Rainmaker
132,687
Judith Ritter
Rural Land & Homes Specialist
Dirt Road Real Estate

Thank you!  Tomorrow I will try to add a Facebook widget to my blog.  We will see. 

February 18, 2013 03:11 PM
Rainmaker
29,145
Venus Howard
CDPE, CIAS, SFR, GRI
Re/Max Momentum

Ok - I added my cut and paste html code from my website to add a 'search for homes widget - and it's not showing up?  HELP>  please.

July 19, 2013 08:21 AM
Anonymous
Post a Comment
Spam prevention

Accessibility option: listen to a question and answer it!

To submit the form,
drag the envelope to the circle on the side.

Type below the answer to what you hear. Numbers or words, lowercase:

Ambassador
259,618

Craig Daniels

Technology Instructor/Project Consultant
Ask me a question
*
*
*
Spam prevention

Accessibility option: listen to a question and answer it!

To submit the form,
drag the tree to the circle on the side.

Type below the answer to what you hear. Numbers or words, lowercase:

Additional Information

Since 2010, Craig's Classroom blog has been the place to come for short technology lessons - here on ActiveRain I focus on technologies for real estate professionals - please subscribe if you want to catch future posts! :)

Check out a listing of my most recent posts

Would you like to be a sponsor of Craig's Classroom? click here to see my Sponsorship Information Page for more details. Thanks!

Circle me on Google Plus

Like my page on Facebook