How To Adjust The Width Of The Sidebar In Dynamic View
In Blogger Dynamic View, there’s a template style called Sidebar which is the only style allows you to view the full contents of a post while also keeping the list of post titles visible (in the [left] sidebar).
Most, if not all the time, your post titles will be too long to fit in the sidebar, thereby only showing you a small portion. Here’s a nice trick that’ll allow you to show a little bit more of your post titles by adjusting the width of the sidebar.
  • From your dashboard, go to Template.
  • Click on Customize and then on Advance.
  • Scroll down and choose Add CSS.
  • Copy the following code below and then paste it on the last or available line.
.sidebar #sidebar{
width: 250px !important;
}
.sidebar #content{
margin-left: 250px;
}     

  • Press Enter after the last character of the last line.
  • Click on the Apply to Blog button.
You can adjust the width of the sidebar by changing the highlighted value (250px) in red accordingly.
NOTE: Be sure that the two values are the same. Otherwise, it will mess up your template. Also don’t set the width of the sidebar too large as you’ll end up with very little room for your content area, which will pose as a problem to viewers with a small screen display. In other words, use caution.
And that’s all there is to it. You’re done! Preview your template to see if you’ve chosen just the right value for the width.

0 comments:

Post a Comment

 
Top