How To Make A Scroolbar Within Blog Post
>> Monday, April 19, 2010
This trick is rather similar with How To Make A Spoiler In Second on purposed and the final display, Each technique have their "positive and negative" factor. I don't want to discuss the "more and less" of each trick, is up to you to decided which one that will fit to your purpose. Scrollbars will be very useful to minimized the text area and allowing readers to view the full contents by clicking the bar. We usually saw this technique implemented for Terms of Service, User Agreements, Rules, or Privacy Policy.
To make a scrollbar within the blog post, first we must define a class (write into HTML Template), this action is giving the "name" to this class and setting the display when it show, and then to applied within the blog post, we must "call" the class (by writing the class in our blog post).
Log in to Blogger >> In your Dashboard choose your Lay out blog >> Edit HTML >> and Find /* Sidebar Content */ and put this script to define a class below it:
.scrollingpostbar {You can rename .scrollingpostbar as you like, as long as you remember the "name", set the height and weight and border by adjust 350, 450 and 0 to make it fit with your post.
height:350px;
width:450px;
border:0;
overflow:auto;
}
After finished, then we can type the text, although the tittle is How To Make A Scroolbar Within Blog Post, actually we can use this scrollbar mode in the page element in our template, exactly the same as How To Make A Spoiler In Second .
To show up in our blog post, after we have typed the TEXTARTICLE in the Post Editor, then click “Edit HTML” and paste these tags, exactly as this position:
<div class="scrollingpostbar">TEXTARTICLE</div>I wrote this article again and applied this trick to show up how is the final display for example:
To make a scrollbar in page element. Our Text or HTML/Javascript Code can be inserted directly into the template via Layout -> Page Elements -> Add a Gadget >> Text or HTML/JavaScript. Similarly, if we have typed it in the rich editor mode, we can click the “Edit HTML” link at the top right corner and insert the above tags.
After publishing the post or saving the page element, you will be able to see the text or HTML/JavaScript gadget within a box and the scrollbars automatically inserted.
Note : this trick only works on Text or HTML/JavaScript gadget.
42 comments:
thx for this article !
Scroll Bar in Blogger was fine. But most of my blogs are with wordpress so shall I ask you for a little more help...do you mind to post on how to get it done in Wordpress.?
Thanks in Advance..
Michelle
Hi.. Michele,
Actually this article base on HTML/CMS tricks, so you can do it in your wordpress blog too as long as you can inserted (paste) the script into your HTML template, and this can be done only if you can access your host server.
this doesnt work for me :(
i put it on */More Sidebar Content*/ cuz there's no */Sidebar Content*/ theree.
Hi Kikin Safira..
It should be there, unless you used modification template. Try to search (Ctrl+F) with just "Sidebar Content" (without " ") phrase.
It should be there, unless you used modification template. Try to search (Ctrl+F) with just "Sidebar Content" (without " ") phrase.
yep. i've done it again and still not working :(
I've noticed that many over here saying it's not working for me..just to re-check.. Do I need to post the whole article in "TEXTARTICLE" script which would result to get scroll bar in the post??
Hi Amy..
You don't have to post the whole article in"TEXTARTICLE" to get sroll bar, as long as you have enaugh words (about 350 px height) to make it running well.
Great tips,
It's exactly I was looking for.
Thanks for providing these useful tips here.
tky,good tips
great tips.
find more tips on the following blog.
http://adf.ly/1MgUE
Thanks for the tips you have shared to us, it really helps a lot.
What a constructive blog! Many more people should do the same! Thank you very much. iPad Developer
Excellent article like this is really worth to read.
A good source of information.
Will this work on all blogging platforms?
Interesting. Thanks for bringing this up..!
I will try it as soon as possible and see will it really works.
Thanks for this nice post.
I want to express my admiration of your writing skill and ability to make readers read from the beginning to the end.
You made some decent points there. I looked on the internet for the issue and found most individuals will go along with with your website.
I am really wondering about this issue?
ry interesting post….really informative…i have been long looking for some nice blogs on web design and especially The content of the information
If you want to see the mind blowing article with real facts and figures, this has really tremendous impacts on readers and I admire the writing skill of the author.
Interface Talent Network Complaints
I am glad to see that your blog share valued information that can help to many readers.
The usefulness of this information is absolutely great!!!
Many thanks for the lot of good guidelines. My spouse and i anticipate looking at on the niche down the road. Maintain the great work! This website will probably be fantastic reference i enjoy looking at it.
egg substitute in cake
Many thanks for giving all of us this fascinating data, well, the content is actually wonderful i appreciate an individual regarding creating an awesome document for all of us, I am will certainly ahead this to all my good friend,utes I am sure they can also get some good info because of this submit.
We really enjoyed examining this page! You have good quality materials. I would help you to come up with websites a lot more typically. In this way, possessing this a suitable web site I believe you'll probably rank higher on the internet.
Intimately, the post is really the greatest on that worthwhile topic. I fit in with your conclusions and definitely will eagerly look forward to your next updates. Just saying thanks cannot simply be enough, for the amazing clarity in your writing.
This information is a legitimate great article for virtually any visitors to read.
I have atually found this post remarkably useful, not just for me but to all folks who want to know how to make scroolbar within a blog post. Thanks for sharing!
When I sat this page, I thought I am only reading the same as the article written in most blogs but when I am now in the middle of the article.
tattoo-designs-for-women
tattoo designs for women has changed a lot, from butterflies and tribal forms to human skulls and names. For women’s tattoos have a great significance, as it describes the nature and feelings of a women
Great amazing things here. I¡¦m very satisfied to look your article. Thanks so much and i am looking forward to contact you.
Nice post, things explained in details. Thank You.
That is an extremely smart written article. I will be sure to bookmark it and return to learn extra of your useful information. Thank you for the post. I will certainly return.
I really appreciate your professional approach. These are pieces of very useful information that will be of great use for me in future.
Nice post, Critical things are explained in details. I appreciate it. Thanks
Very great post. I simply stumbled upon your blog and wanted to say that I have really enjoyed browsing your weblog posts. After all I’ll be subscribing on your feed and I am hoping you write again very soon!
After reading this informative and effective post. I have good knowledge now to fix this issue and to explain this issue to others.
Everyone want to use problems free system and in this scenario your post is really informative and effective. This kind of awareness is very important for every computer user.
Post a Comment