Recent Posts

prev next

Monday, February 15, 2010

How to add Scroll Bars to your posts

Posted on 9:37 AM by Mohamed Omar

In this post I will Show you how add scroll bars to all posts in your blog or in only the required posts

First : How to add scroll bars in all post

  • At the Dashboard click on Layout -> Edit HTML then find ".post" and you will find the following code -and it may differs from blog to another- :
.post {
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
}


  • Then replace it by the following :
.post {
height:200px;
overflow:auto;
}


  • sure you can change the height of the scroll bar at last it will appear as that

Second: How to add Scroll Bars to a Signal Post
  • At the Dashboard click on Layout -> Edit HTML and find ".post" then write the following code above it:
.scrollbox { height:100px; width:400px; overflow:auto; }
  • Sure you can change the height and width as you want
  • When you create new post go to Edit HTML as in the following picture then write your post as the following system:

Your Post
<div class="scrollbox">

The Required text to appear in the scroll box
</div>




  • At last it will appear as the following:





Subscribe in a reader




No Response to "How to add Scroll Bars to your posts"

Leave A Reply