Sometimes your blog post contents or text gets too long and you wants to add some blog post paragraphs or certain lines of text into the ScrollBox. If you add the text in scrollbox, it improves the appearance of your blog post page length. Look at the screenshot above for actual scrollbox within the post content.If we are adding large codes to our post or a large text to our blog it becomes irritating for the blog viewers. So to get rid of this irritation for the blog viewers and make your blog more attractive we use scroll-bar in our post
Here I am going to guide to make a scroll bar bar in your blogger post
If your blog post contains long text and you want to add scrollbar then follow below steps –
- Log in into the blogger account.
- Go to you desired blog listed in dashboard.
- Now Click on Template which is in left pane.
- Click on Edit HTML.
- Now you can see the HTML code of your blog
- Now by pressing Ctrl+F you have to find the code given below
/* Comments
Just above the code, paste following code given below
.crackstrick_ScrollBox {
height:400px;
width:480px;
overflow:auto;
}
Note: You can change the height and width of scrollbox by modifying the bolded px value in above code.
- Save the Template by clicking Save Template button.
- Now, the next step is to add actual post contents in ScrollBox. Create a new blog post or open existing post contents.
- Click on HTML button. Your blog post text will be displayed in HTML format.
- Now find the place where you want add the ScrollBox. Paste following code before the start of the contents that you want to display in ScrollBox. -
<div class="crackstrick_ScrollBox">
- At the end of the post contents that you want to display in ScrollBox, paste following code
</div>
- That’s Done!. You have added the ScrollBox successfully in blog post. Now open your blog post and scrollbox appearance
0 comments:
Post a Comment