THE BEGINNING OF KNOWLEDGE IS THE DISCOVERY OF SOMETHING WE DO NOT UNDERSTAND.

How To Make A Scrollbar?

Monday, June 14, 2010

To make a scrollbar is very easy.

Please follow the steps carefully:
1. Open your dashboard then click Design, and then click the tab EDIT HTML.
2. Make a back-up of your template. In case changes don't work you can always go back to your old template.
3. Scroll down, and find the id. The id looks like this:
id='Label1' locked='false' title='Labels' type='Label'/>
The high lighted color in red is the id of my Labels.
Remember your id. I put the scrollbar on my Labels (the title).
4. Find the word SIDEBAR in your Html and write under the word SIDEBAR the one in pink color.
/* ----- SIDEBAR ----- Blogger template design by Ourblogtemplates.com */

/* Sidebar Content */
#Label1 {
height:600px;
overflow:auto;
}

Below is the scrollbar for the Blog List:
/* ----- SIDEBAR ----- Blogger template design by Ourblogtemplates.com */

/* Sidebar Content */
# BlogList1 ul{
height:600px;
overflow:auto;
}

5. Click PREVIEW
6. Click SAVE TEMPLATE
As you can see the difference is only the id.
The title Labels, the id is Label1
The title Blog List, the id is BlogList1
You can change the height of the bar, maybe 400px, 300px etc.
The rest you do the same. Give me a yell if you can't.
GOOD LUCK!!!

2 comments:

Anney June 15, 2010 at 5:22 AM  

Meron ka pala dito nahuli namn ako. Kakalagay ko lang ng scrollbar sa bloglist ko. I was trying the manual thing yung isa isang ika copy paste ang mga links pero di kinaya ng powers ko at tinamad ako. hehehe! Kaya nag google na lang ako kagabi pa ako nag se search eto lang pala. Ganito din yung ginawa ko. Thanks for sharing this at makakatulong to sa mga gustong mag add ng scrollbar. Thanks for visiting my blog.

Post a Comment

THE BEGINNING OF KNOWLEDGE IS THE DISCOVERY OF SOMETHING WE DO NOT UNDERSTAND.

PLEASE VISIT MY OTHER BLOGS:

MY LIFE in HOLLAND

ME in the DUTCH SOCIETY

HAVE A FANTASTIC DAY!

LIVE TRAFFIC FEED

My Blog Lists

  © Blogger template Brownium by Ourblogtemplates.com 2009

Back to TOP