The most common question asked of me by ActiveRain members is, "How do you get all of those widgets in your sidebar?"
So, let's get this ActiveRain Video Tutorial about the Sidebars out the door.
This video covers two areas:
- copying and pasting into your sidebar from outside sources, widgets,
- and creating your own html for your sidebar.
There are lots of widgets you can add to your sidebar, like LibraryThing, which is one of my favorites. There are literally thousands to choose from at Widgetbox. Getting those into your sidebar is as simple as copying and pasting the code they give you when you set up your widget. It's pretty simple, once you know where to paste it!
What is not as easy, for most, is creating your own "widgets" for your sidebar.
The example to the right shows what I mean. What if you want your logo to point to your bog or to your website and you don't know how to write HTML? There may be a widget generator out there to help you, but you don't need it. This video should clarify how to create your own and give you a simple way to customize your sidebar to your heart's delight.
Here's the video:
Online Videos by Veoh.com
blockquote {margin: 0pt 0pt 0pt 30px; padding: 10px 0pt 0pt 20px; width:500px; background: transparent url(http://www.realestateshows.com/jeff/quotes.gif) no-repeat scroll left top; font-size: 120%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: #356D9E; line-height: 1.2em;}
h2 {
color:#356D9E!important;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:20px!important;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0pt;
line-height:24px;a
margin:9pt 0pt 0px;
padding:6px 0pt 0px;
}
h3 {
color:#356D9E!important;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:20px!important;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0pt;
line-height:24px;
margin:9pt 0pt 0px;
padding:6px 0pt 0px;
}
a {
color:#356D9E;
text-decoration:underline; }
p{ margin-top:2px!important;}
a:hover {
color:#ffffff;
text-decoration:none;
background:#356D9E;
border 1px solid #DDA603 }
Thank you
;)
;)
