This Is A Sample Of Sticky Post


The Problem is: to do this trick, we must use HTML code to make up the text... But don't worry, if you are not capable with HTML Codes, there are simple and fast way to make your sticky post without learn it. Use your "New Post" to make a sample of your sticky post, set the display as close as your real post, use the Preview to check your sticky post display then copy-paste into your content collumn text add gadget.

Learn how to make this sticky post in http://doit2us.blogspot.com/2010/02/how-to-make-sticky-post-in-your-blogger.html

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 {
height:350px;
width:450px;
border:0;
overflow:auto;
}
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.


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:

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 {
height:350px;
width:450px;
border:0;
overflow:auto;
}
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.


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>
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.

43 comments:

ceapros April 17, 2010 at 8:23 AM  

thx for this article !

Michelle April 20, 2010 at 10:47 AM  

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

mC4tur April 20, 2010 at 4:13 PM  

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.

Kikin Safira April 26, 2010 at 12:42 AM  

this doesnt work for me :(
i put it on */More Sidebar Content*/ cuz there's no */Sidebar Content*/ theree.

mc4tur April 26, 2010 at 4:32 AM  

Hi Kikin Safira..

It should be there, unless you used modification template. Try to search (Ctrl+F) with just "Sidebar Content" (without " ") phrase.

Medyum Hoca April 28, 2010 at 7:29 AM  

It should be there, unless you used modification template. Try to search (Ctrl+F) with just "Sidebar Content" (without " ") phrase.

Kikin Safira May 1, 2010 at 11:32 AM  

yep. i've done it again and still not working :(

Amy May 19, 2010 at 7:08 PM  

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??

Mc4tur May 22, 2010 at 6:53 AM  

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.

KVM Switches November 15, 2010 at 10:17 PM  

Great tips,
It's exactly I was looking for.
Thanks for providing these useful tips here.

Anonymous,  April 29, 2011 at 1:44 AM  

great tips.
find more tips on the following blog.
http://adf.ly/1MgUE

accident claims company August 10, 2011 at 4:52 PM  

Thanks for the tips you have shared to us, it really helps a lot.

Stacey August 18, 2011 at 5:11 AM  

What a constructive blog! Many more people should do the same! Thank you very much. iPad Developer

whiplash claim August 25, 2011 at 7:43 PM  

Excellent article like this is really worth to read.

what is an iva October 3, 2011 at 11:23 PM  

A good source of information.

custom doors October 9, 2011 at 6:30 AM  

Will this work on all blogging platforms?

whiplash compensation October 20, 2011 at 11:01 PM  

Interesting. Thanks for bringing this up..!

ogio November 12, 2011 at 8:40 PM  

I will try it as soon as possible and see will it really works.
Thanks for this nice post.

Gifts November 13, 2011 at 1:25 AM  

I want to express my admiration of your writing skill and ability to make readers read from the beginning to the end.

skin tightening Melbourne November 18, 2011 at 4:11 AM  

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.

Wedding Invitations November 28, 2011 at 8:28 AM  

I am really wondering about this issue?

Green Hosting November 30, 2011 at 1:22 AM  

ry interesting post….really informative…i have been long looking for some nice blogs on web design and especially The content of the information

Anonymous,  December 19, 2011 at 3:12 PM  

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

debt management companies December 20, 2011 at 9:38 PM  

I am glad to see that your blog share valued information that can help to many readers.

Types of Incontinence Pants December 21, 2011 at 10:06 PM  

The usefulness of this information is absolutely great!!!

hosting-web January 16, 2012 at 8:45 PM  

Great information you got here. I've been reading about this topic for one week now for my papers in school and thank God I found it here in your blog. I had a great time reading this.Hosting in India

Anonymous,  February 2, 2012 at 2:27 AM  

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

homeopathic adhd remedies March 5, 2012 at 3:20 AM  

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.

homeopathic adhd remedies March 28, 2012 at 2:59 AM  

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.

teeth whitening brooklyn April 1, 2012 at 5:57 PM  

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.

42 inch lcd tv April 22, 2012 at 8:57 PM  

This information is a legitimate great article for virtually any visitors to read.

Best Plastic Surgeons in NYC May 24, 2012 at 8:17 PM  

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!

click here May 28, 2012 at 11:37 PM  

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.

calldrin25 January 9, 2013 at 1:31 AM  

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

Farenx design January 31, 2013 at 9:51 PM  

Great amazing things here. I¡¦m very satisfied to look your article. Thanks so much and i am looking forward to contact you.

Launch Business in Delhi February 18, 2015 at 11:22 PM  

Nice post, things explained in details. Thank You.

Setup Business in Delhi February 27, 2015 at 9:55 PM  

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.

Start Business in Delhi March 17, 2015 at 2:11 AM  

I really appreciate your professional approach. These are pieces of very useful information that will be of great use for me in future.

Launch Business in Delhi April 6, 2015 at 2:38 AM  

Nice post, Critical things are explained in details. I appreciate it. Thanks

Mobile App Developers May 4, 2015 at 4:05 AM  

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!

Gst Experts Delhi September 24, 2016 at 11:44 AM  

After reading this informative and effective post. I have good knowledge now to fix this issue and to explain this issue to others.

Gst Consultants Delhi September 25, 2016 at 7:36 AM  

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

 

  © New Blogger Tips For Us Free Blogger Template by Mc 2010.

Back to TOP